カラーピッカー

このツールについて

このツールは、色を3つの一般的な形式間で変換します:HEX(CSSやデザインソフトで使われる#2E5339のような6桁のコード)、RGB(0〜255の赤・緑・青の値)、HSL(色相・彩度・明度)。スウォッチで色を選ぶか、HEXコードを直接入力すると、RGBとHSLの値が即座に更新されます。

使い方

1. カラースウォッチをクリックしてブラウザのカラーピッカーを開くか、テキストフィールドにHEXコード(例:#2E5339)を直接入力します。
2. 下のボックスで対応するRGBとHSLの値を確認します。色を選択または入力すると即座に更新されます。
3. HEX、RGB、HSLの横にあるコピーアイコンをクリックすると、その値をクリップボードにコピーできます。

こんな時に

• デザインファイルのHEXカラーを、CSSスタイルシート用にRGBやHSLに変換するとき。
• 異なるカラー形式を要求するツールやコードベース間で、ブランドカラーを一致させるとき。
• 「Random Color」ボタンでパレット用のランダムな色を生成するとき。