カラーピッカー・変換
色を選んでHEX・RGB・HSL・HSVの間で変換できる。最近使った色の履歴は端末内に保存される。
プレビュー
#2563eb · rgb(37, 99, 235) · hsl(221.21, 83.19%, 53.33%)
#3b82f6、rgb(59, 130, 246)、hsl(217, 91%, 60%)、teal のような色名が使える。
最近使った色
保存された色はまだありません。現在の色を保存するか、値をコピーすると一覧が始まります。
使い方
- カラースウォッチ、HEX入力、または自由入力欄に CSS カラーを入力して色を選ぶ。
- RGB・HSL・HSV の各フィールドは連動しており、どれを変更しても他が即座に更新される。
- 「HEXをコピー」などのボタンで、必要な形式の値をクリップボードへコピーできる。
- 「現在の色を保存」すると最近使った色に残り、クリックでいつでも再適用できる。
注意事項
変換はすべてブラウザ内で行われ、選んだ色がサーバーへ送信されることはない。最近使った色はこの端末の localStorage にのみ保存され、クリアボタンでいつでも削除できる。自由入力では #hex、rgb()、hsl() と一部の色名（teal など）に対応する。
よくある質問
- HSL と HSV は何が違うの？
- HSL の L は明度で、黒（0%）から白（100%）の中央が最も鮮やかな色になる。HSV の V は明るさで、100% が最も明るい純色になる。印刷や画面の慣習に応じて使い分ける。
- 透明度（アルファ）には対応している？
- このピッカーは不透明な色を対象としており、#rrggbbaa や rgba() の透明度は RGB 値のみを取り出して扱う。