カラーピッカー
色を選ぶだけでHEX・RGB・HSL・HSVをリアルタイム表示、画面の色抽出（スポイト）にも対応
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
カラーボックスをクリックして好きな色を選ぶか、HEX値を直接入力すると、RGB・HSL・HSVの値が即座に計算されて並んで表示されるカラーピッカーです。対応ブラウザでは画面の色抽出（EyeDropper）ボタンで、画面のどこでもクリックしてその場所の色をそのまま取り込めます。
使い方
- カラーボックスをクリックして色を選ぶか、下の欄にHEX値（例: #3B82F6）を入力します。
- HEX・RGB・HSL・HSVの値がリアルタイムで計算されて表示されます。
- Chrome・Edgeなど対応ブラウザなら「画面の色を抽出」を押して、画面上の任意の色を取り込めます。
- 各値の横のコピーボタンで、好きな形式をクリップボードにコピーします。
よくある質問
- HSLとHSVは何が違いますか？
- どちらも色相（H）・彩度（S）を使いますが、HSLは明度（Lightness）で白・黒との距離を、HSVは明度（Value）で純粋な明るさを表します。デザインツールによって使う表記が異なるため、両方の形式を用意しています。
- 画面の色抽出（スポイト）ボタンが表示されません。
- ブラウザがEyeDropper APIに対応している場合のみボタンが表示されます。最新のChrome・Edgeで対応しており、Safariや古いブラウザではHEX値を直接入力してご利用ください。
- 選んだ色や入力値はサーバーに送信されますか？
- いいえ。色の選択・変換・抽出はすべてブラウザ内だけで処理され、どの値もサーバーに送信・保存されることはありません。