カラーピッカー＆コンバーター
色を選択し、そのHEX、RGB、HSLコードを取得し、テキストのコントラスト比も表示します。
🔒 ブラウザで動作します。入力した内容はアップロードまたは保存されません。
使い方
カラーピッカーを使用するか、次のようなHEXコードを入力します。 #1e88e5. ツールはHEX、RGB、HSLとして同じ色を表示し、CSSやデザインソフトウェアにコピーする準備が整います。
また、WCAG 2の公式を使用して、白と黒のテキストに対するコントラスト比も表示します。通常のサイズのテキストは、アクセシビリティレベルAAを満たすために少なくとも4.5:1が必要です。大きなテキストは3:1が必要です。
FAQ
HEXとRGBの違いは何ですか？
同じ色を表します。HEXは赤、緑、青の値（0〜255）を基数16で記述し、RGBは通常の数字で記述します。