カラーピッカー
色を選ぶと HEX、RGB、HSL、HSV に即座に変換表示。選択した色がサーバーに送信されることはありません。
色の選択方法
- ネイティブのカラーチューザーを使うか、テキストボックスに #3366FF などの HEX 値を入力します。
- 選択すると、対応する HEX、RGB、HSL、HSV 値がすぐに表示されます。
- 各値の横の [コピー] をクリックして、コードやデザインツールに貼り付けます。
- 最近の選択や補色スウォッチを参照してすばやく再利用できます。
よくある質問
HEX、RGB、HSL、HSV とは何ですか?
HEX は 6 桁の 16 進コード、RGB は赤・緑・青の光を混ぜる方式、HSL は色相・彩度・明度、HSV は色相・彩度・明度 (明るさ) を使います。
色は保存やアップロードされますか?
いいえ。色がデバイスから出ることはなく、最近の選択はブラウザのローカルストレージにのみ保存されます。
色をクリップボードにコピーできますか?
はい。すべての HEX、RGB、HSL、HSV 値にクリップボードへコピーするボタンがあります。
モバイルでも動作しますか?
はい。ページは完全レスポンシブで、スマートフォンやタブレットのネイティブカラーチューザーを使用します。
関連ツール
カラーピッカーを使う理由
デザインから HEX コードを取り出し、CSS・コード・デザインツール向けに RGB・HSL・HSV へどう変換されるかを確認したいときに使います。
- デザインから HEX コードを取り出し、CSS や Figma ファイルで正確に一致させられます。
- コードや印刷ワークフロー向けに任意の色の RGB または HSL 相当を確認できます。
- 補色や類似色のスウォッチを探索して、手早く配色を組み立てられます。
ヒントと制限
標準的な sRGB 色についてはすべての変換が往復で正確で、ツールはブラウザ内でローカルに動作します。選択した内容がアップロードされることはありません。