カラー変換
開発者向けカラーピッカーで色を選ぶと HEX・RGB・HSL の値がその場で表示され、白黒文字とのコントラストが WCAG AA を満たすかも確認できます。
正在加载工具…
使い方
3 ステップ- 01
カラーピッカーを操作するか、HEX 値を直接入力します
- 02
各形式の値を確認し、クリックでコピーします
- 03
コントラスト比を見て文字の可読性を判断します
よくある質問
2 件の質問
Q1どの形式に対応していますか？
入力は #3b82f6・#38f・3b82f6 などの表記に対応し、出力は HEX・RGB・HSL・RGBA の 4 形式です。
Q2コントラスト比の目安は？
WCAG では本文で 4.5:1 以上（AA）、大きな文字で 3:1 以上が推奨されます。値が大きいほど読みやすくなります。