HEX、RGB、HSL形式で色を選択してコピー
色を選択して様々な形式に変換する方法をご紹介します。
カラーホイールをクリックするか、カラー入力フィールドを使用して希望の色を選択します。
選択した色がHEX、RGB、HSL、HSV、CMYK形式で自動的に表示されます。
必要な形式の横にあるコピーボタンをクリックして、カラーコードをクリップボードにコピーします。
補色、類似色、三色配色など、選択した色に基づくカラーハーモニーを確認できます。
よく使う色は「色を保存」ボタンをクリックして保存し、後で簡単にアクセスできます。
スポイトボタンをクリックして、画面上のどこからでも色を選択できます(Chrome、Edge、Operaで利用可能)。
カラーピッカーは、色を視覚的に選択し、HEX、RGB、HSLなどのさまざまな形式で値を取得できるツールです。ウェブデザイン、グラフィックデザイン、開発プロジェクトに不可欠です。
💡 まとまりのあるデザインパレットのためにカラーハーモニーを探索
💡 より簡単な色調整のためにHSLを使用
💡 一貫した使用のためにブランドカラーを保存
💡 スポイトボタンをクリックして画面上の色を選択
💡 透明度効果のためにアルファチャンネルを活用
HEX(16進数)- ウェブデザインとCSSで使用される6桁のコード。形式:#RRGGBB(赤、緑、青がそれぞれ00-FF)
RGB(赤、緑、青)- 光の三原色に基づく色モデル。各チャンネルは0-255の範囲。デジタルディスプレイとCSSで使用
HSL(色相、彩度、明度)- 直感的な色モデル。色相は角度(0-360°)、彩度は色の強度(0-100%)、明度は明るさ(0-100%)
HSV(色相、彩度、明度)- HSLに似ているが明度の代わりに値(Value)を使用。PhotoshopなどのデザインソフトウェアでPOPULAR。HSBとも呼ばれる
CMYK(シアン、マゼンタ、イエロー、ブラック)- 印刷で使用される減法混色モデル。各値はインクの割合(0-100%)を表す