画像とデザインツール

アクセシブルなパレット提案

WCAG のコントラスト式で、固定背景に対する文字色の調整を提案します。 不透明な sRGB HEX のみ。アルファ、画像、アップロードは不可です。各文字色は固定背景とのみ比較し、パレット内の色同士は比較しません。大きな文字は18 pt以上または太字14 pt以上です。デザイン補助であり、アクセシビリティやページ全体の WCAG 適合を保証しません。

ブラウザ内で処理登録不要プライバシーの説明 ↗

不透明な sRGB HEX のみ。アルファ、画像、アップロードは不可です。各文字色は固定背景とのみ比較し、パレット内の色同士は比較しません。大きな文字は18 pt以上または太字14 pt以上です。デザイン補助であり、アクセシビリティやページ全体の WCAG 適合を保証しません。

達成済みの色は保持します。それ以外は黒と白へ1/255刻みで混合し、8ビット sRGB に丸めてから丸め前の WCAG 比率で判定します。達成候補の RGB 二乗変化が最小の色を選び、同点では黒方向を優先します。有限探索は知覚上や全体の最適解ではなく、ブランドの外観を変えたり色を同じにすることがあります。

使い方

使い方

  1. 文字色の HEX と固定背景を入力します。
  2. 文字コントラスト目標を選び、提案します。
  3. 比率とデザインを確認し、提案 HEX 一覧をコピーします。

範囲と方法

不透明な sRGB HEX のみ。アルファ、画像、アップロードは不可です。各文字色は固定背景とのみ比較し、パレット内の色同士は比較しません。大きな文字は18 pt以上または太字14 pt以上です。デザイン補助であり、アクセシビリティやページ全体の WCAG 適合を保証しません。 達成済みの色は保持します。それ以外は黒と白へ1/255刻みで混合し、8ビット sRGB に丸めてから丸め前の WCAG 比率で判定します。達成候補の RGB 二乗変化が最小の色を選び、同点では黒方向を優先します。有限探索は知覚上や全体の最適解ではなく、ブランドの外観を変えたり色を同じにすることがあります。

よくある質問

あわせて知りたいこと

色同士のコントラストも確認しますか?

いいえ。各文字色は指定した固定背景とのみ比較します。

目標を満たせばデザイン全体のアクセシビリティが保証されますか?

いいえ。色の提案を補助するツールであり、ページ全体の WCAG 評価ではありません。