無料カラーピッカー・カラーコード変換ツール
カラーを視覚的に選択するか、HEX・RGB・HSL・HSV・CMYKの間で相互変換できます。どの形式もすぐにコピー可能。
カラーピッカー・コンバーターは、視覚的にカラーを選択し、HEX・HEX8・RGB・RGBA・HSL・HSLA・HSV・CMYK の各フォーマット間で変換、ワンクリックでコピーできます。色相環ベースのカラーハーモニー（補色・類似色・三色配色・分裂補色・四色配色）を生成し、お気に入りを保存、線形／放射状グラデーションジェネレーターも内蔵。すべてブラウザ内で完結。FreeToolHub 制作。
配色ハーモニー
保存済みカラー
CSSグラデーションジェネレーター
よくある質問
HEXカラーコードとは何ですか？
HEXカラーコードは色を表す6桁の16進数です。最初の2桁が赤、中間の2桁が緑、最後の2桁が青を表します。たとえば #FF0000 は純粋な赤です。
HEXをRGBに変換するには？
HEXの各2桁ペアを0〜255の数値に変換します。たとえば #2563EB は R:37 G:99 B:235 に相当します。このツールはリアルタイムで自動的に変換します。
HSLとHSVの違いは何ですか？
どちらも色相と彩度を使いますが、3番目の値が異なります。HSLは輝度（0%=黒、100%=白、50%=純粋な色）を使います。HSVは明度（0%=黒、100%=最大明度）を使います。HSVは視覚的なカラー選択においてより直感的です。
CMYKは何に使いますか？
CMYK（シアン・マゼンタ・イエロー・ブラック）は印刷デザインで使われるカラーモデルです。印刷物向けに色を準備する場合はCMYK値が必要です。画面の色はRGBを使います。
配色ハーモニーはどのように機能しますか？
配色ハーモニーはカラーホイール上の位置に基づいた組み合わせです。補色は反対側（180°）、類似色は隣（±30°）、トライアドは均等に配置（120°）されています。これらの組み合わせは視覚的に自然と調和します。
このカラーピッカーはオフラインで使えますか？
はい。ページを一度読み込めば、サーバー接続なしにすべてブラウザ内で動作します。ブックマークして、いつでも使うことができます。