カラー変換器 — HEX・RGB・HSLをリアルタイムで相互変換
デザインやウェブ制作でカラーコードを変換したいときに使うツールです。HEX・RGB・HSLの3形式を完全に双方向で同期し、どの値を変えても残りが即座に追従します。色を選びながら調和のとれた配色まで1画面で決めたいデザイナー・開発者・ブロガーに便利です。
使い方
- プレビューカードのカラーピッカーを開いて色を選ぶか、HEX欄にコードを直接入力します。
- RGB(R・G・B)やHSL(H・S・L)のスライダーを動かすか、数値欄に値を入れて微調整します。
- 各形式の横にあるコピー ボタンを押すと、HEX・RGB・HSLの値をそのままクリップボードに保存できます。
- 下の調和パレットで気に入った色をクリックすると、その色が現在の色に反映されます。
特長とヒント
- HEXは3桁(#abc)と6桁の両方を認識し、入力が有効になったときだけ反映されます。
- 調和パレットを自動生成: 補色1色、類似色2色、トライアド2色、明度5段階のトーン変化。
- 無彩色や白黒でも直前の色相を記憶するので、スライダーが急に飛びません。
- パレットのスウォッチをクリックしてからコピーを押せば、配色の色も手軽に取り出せます。
よくある質問
Q. インストールや登録は必要ですか。 A. いいえ。ブラウザですぐ無料で使え、計算はすべて端末内で処理されます。
Q. 調和パレットはどう作られますか。 A. 現在の色の色相(H)を基準に角度を回して補色・類似色・トライアドを算出し、明度だけを変えてトーン変化を作ります。
Q. スマートフォンでも使えますか。 A. はい。狭い画面に合わせたレイアウトと大きめのスライダーでタッチ操作が快適です。
