// color-picker
カラーピッカー
色を選択してHEX、RGB、HSL形式間で変換。WCAGコントラスト比もチェックできます。
HEX
RGB
HSL
HSV
199, 94%, 91%
CMYK
94%, 29%, 0%, 9%
コントラストチェッカー
プレビュー
Sample Text
17.72:1
コントラスト比
WCAG AA - 通常テキスト
合格WCAG AA - 大きいテキスト
合格WCAG AAA - 通常テキスト
合格WCAG AAA - 大きいテキスト
合格カラーパレット
補色
現在
補色
類似色
-30
現在
+30
トライアド
現在
+120
+240
カラーピッカーの使い方
- 色を選択-カラーピッカーを使用するか、HEX、RGB、HSL形式で値を入力します。
- 変換結果を確認-選択した色が自動的に3つの形式すべてで変換・表示されます。
- コントラストを確認-前景色と背景色を設定してWCAGコントラスト比の準拠を確認します。
- 値をコピー-任意の形式のコピーをクリックして色の値をコピーします。
カラーピッカーについて
カラーピッカーでは色を選択し、HEX、RGB、HSL形式間で即座に変換できます。アクセシビリティテスト用のWCAGコントラスト比チェッカーも搭載しています。
コントラストチェッカーは前景色と背景色の組み合わせをWCAG 2.1ガイドラインに基づいて評価します。通常テキスト（AAで4.5:1）と大きいテキスト（AAで3:1）の両方に対応しています。
すべての処理はブラウザ内でローカルに行われます。色のデータが外部に送信されることはありません。
