🎨 カラーコード変換
選択中の色
#6366F1
HEX
RGB (0–255)
R
G
B
HSL
H°
S%
L%
CMYK (0–100%)
C
M
Y
K
補色（Complementary）
類似色（Analogous）
モノトーン（Monochrome）
三色（Triadic）
【概要】
カラーコード変換ツールは、HEX・RGB・HSLの3つのカラーフォーマットをリアルタイムで相互変換し、選択した色に調和する補色・類似色・モノトーン・三色パレットを自動生成するツールです。Webデザイン・UIデザイン・ブランドカラー設計に活躍します。
【仕組み・計算式】
HEX形式：「#RRGGBB」 の16進数表記。例）#FF5733（赤系）。Webデザインで最も一般的。
RGB形式：赤（0～255）・緑（0～255）・青（0～255）の10進数混合。例）RGB(255, 87, 51)
HSL形式：色相（0～360°）・彩度（0～100%）・明度（0～100%）で色を表現。デザイナーが直感的に操作しやすい。
カラーハーモニー生成：色相環の角度を計算して、補色（180°）・類似色（±30°）・三色（120°間隔）などの調和パレットを自動生成。
【使い方】
- カラーピッカーをクリックして色を選択、またはHEX/RGB/HSLの値を直接入力
- 色が変わると、他のフォーマットが自動更新
- 下部に「補色」「類似色」「モノトーン」「三色」の4つのパレットが表示
- 各パレット内のスウォッチをクリックして、詳細を確認・コピー可能
【よくある質問（FAQ）】
Q1. デザインに合う色をどう選べばいいですか？
A. メイン色を決めてから、「補色」で対比を付けたり、「類似色」で統一感を出したり、「三色」で複数色の調和を取ります。
Q2. アクセシビリティ（色覚特性）への対応は？
A. 本ツールは色の変換と調和のみです。色覚特性対応は別途チェックツール（WCAG コントラスト比計測など）をご利用ください。
Q3. 印刷用に CMYK 変換できますか？
A. 現在は HEX/RGB/HSL のみ対応。CMYK 変換はPhotoshop など印刷向けソフトのご利用をお勧めします。