Adobe Color
作成
探索
トレンド
Lab
新規
ライブラリ
ログイン
カラーホイール
テーマを抽出
グラデーションを抽出
アクセシビリティツール
ツール
コントラストチェッカー
コントラストチェッカー
背景色とテキスト色のコントラスト比を確認して、選択した配色ができる限り認識しやすいことを確認してください。
カラーの読み込み
WCAG 2.1 レベル
AA
テキストカラー
コントラストアナライザーの前景色用スライダー
背景色
コントラストアナライザーの背景色用スライダー
コントラスト比
4.5
: 1
プレビュー
通常のテキスト
カラーのコントラストを上げると、あらゆる文字が読みやすくなります
合格
17 pt 以下の場合
大きなテキスト
カラーのコントラストを上げると、あらゆる文字が読みやすくなります
合格
18 pt 以上の場合 / 14 pt 以上の場合
グラフィックコンポーネント
合格
アイコンとアクションを促すグラフィックの場合
おすすめ
保存
コントラストの提案
T
適用
コントラスト比
6.0
:1
T
適用
コントラスト比
6.0
:1
T
適用
コントラスト比
7.0
:1
コントラスト比を設定
アドビのコントラストチェッカーを使用して、可能な限りインクルーシブなデザインを作成
このツールを使用すると、テキストと背景色の組み合わせのコントラスト比が Web Content Accessibility Guidelines (WCAG) の標準規格を満たしていることをすばやく検証できます。
前景色と背景色を入力することで、コントラスト比を即座に評価できます。
ライブラリに保存
新機能
Adobe Express のカラー
カラーの増減
ベクターの再配色
コントラストチェッカー
多様な色覚対応のテーマ
新機能
近日公開
次のデザインに最適なトレンドのカラーの組み合わせを Adobe Express で見つけましょう。
Adobe Color は、何でもすばやく簡単に作成できるアプリ、Adobe Express で利用できるようになりました。
保存した Adobe Color のカラーテーマを Adobe Express にシームレスに適用して、魅力的なソーシャル投稿、ビデオ、チラシ、プレゼンテーションなどを作成できます。
厳選されたカラーの組み合わせを Adobe Express プロジェクトに追加し、ワンクリックで入れ替えることができます。
カラーパレットと作成されたテーマを検索して、任意のテンプレートをカスタマイズできます。
カラーの追加方法
30 日間無料体験版を開始