無料ツールすべてのカラーツール
カラーコントラストチェッカー。
文字色と背景色を選ぶと、コントラスト比と、WCAGのAAとAAAを満たすかどうかがわかります。満たさない場合は、基準を満たす最も近い文字色が表示されます。
背景色
文字色
大きな文字、24 px
素早い茶色の狐が、のろまな犬を飛び越える。
コントラスト比
4.54:1
- AA 通常の文字 4.5:1合格
- AA 大きな文字 3:1合格
- AAA 通常の文字 7:1不合格
- AAA 大きな文字 4.5:1合格
- AA ボタン、アイコン、枠線 3:1合格
文字サイズ
- 大きな文字 24 px 24 px以上、太字なら18.66 px以上合格
- 通常の文字 16 px 16 px以上、一般的な目安合格
無料ツールです。保証も責任も負いません。結果はtransjt.aiの無料ツールが自動で生成したものにすぎません。不完全だったり誤っていたりする場合があります。transjt.aiは、これに基づく判断や変更について一切の保証をせず、責任も負いません。使用する前に、すべての結果を必ず確認してください。
WCAG 2のレベルAAでは、通常の文字に4.5:1以上、大きな文字（24 px、太字なら18.66 px）とアイコンやフォームの枠線に3:1以上が求められます。レベルAAAでは7:1と4.5:1です。
2色の相対輝度から、(L1 + 0.05) ÷ (L2 + 0.05)で計算します。L1は明るいほうの色です。白地に黒は21:1で、これが最大値です。
文字色の色相はそのままに、背景に対して4.5:1に届くまで明度を最小限だけ動かします。そのため、元の色だとわかる色のままです。
はい。登録不要で、制限もありません。
その他の無料ツール
関連ツール。
- 補色反対色と、ほかに4つの配色をカラーホイール上に表示。
- 画像のカラーピッカー画像の任意の位置をクリックして、HEXとRGBを取得。
- 画像からカラーパレット作成画像の主な色を、多い順に。
- RGBからHEXへ赤、緑、青の値を、入力と同時にHEXコードへ。
- HEXからRGBへHEXコードを、入力と同時に赤、緑、青の値へ。
- CMYKからRGBへ印刷用の値を、HEXコードつきで画面用の色へ。
- すべてのカラーツールHEX、RGB、CMYKのコード、補色、カラーピッカー、画像からのカラーパレット。
- すべての無料ツールWebサイトまわりの作業のための小さなツール集。画像、カラー、サイズ、フォント、代替テキスト、AIビルダー向けのプロンプト、そしてAIエージェントがサイトを使えるかどうかのチェック。変換ツールはブラウザー内で動作するので、何もアップロードされません。