カラーコード変換
HEX・RGB・HSLを相互変換します。文字色と背景色のコントラスト比も確認できます。
プレビュー
サンプル / Sample
カラーコードを入力すると自動で変換します。
各形式
- HEX —
- HEX（透明度つき） —
- RGB —
- HSL —
コントラスト比
- コントラスト比 —
- AA（通常）
- AA（大きい文字）
- AAA（通常）
- AAA（大きい文字）
この処理はブラウザ内で完結します。入力内容が dounika.site のサーバへ送信されることはありません。
補足
- 入力は
#ffffff（3・4・6・8桁）、rgb()/rgba()、hsl()/hsla()、基本的な色名に対応しています。 - コントラスト比は WCAG 2.x の定義（相対輝度から計算）に従います。通常の文字は 4.5:1 以上で AA、7:1 以上で AAA を満たします。
- 「大きい文字」は 18pt 以上、または 14pt 以上の太字を指します。