🎨 カラーコード変換
カラーピッカーやHEX・RGB・HSLの入力から各カラーコードをリアルタイムに相互変換します。透明度（アルファ）にも対応し、補色・類似色・トライアド・単色スケールのパレットも自動生成。すべての処理はブラウザ内で完結し、入力内容はサーバーに送信されません。
HEX（#rgb・#rrggbb）のほか、rgb()・rgba()・hsl()・hsla() の記法も入力できます。
1.00
各色をクリックするとHEXをコピーします。
補色（Complementary）
類似色（Analogous ±30°）
トライアド（Triadic 120°）
単色スケール（Monochromatic）
📘 使い方
- カラーピッカーで色を選ぶか、右側の入力欄にHEX・RGB・HSLのいずれかを入力します。入力すると各表記が自動で相互変換されます。
- 「アルファ」スライダーで透明度（0〜1）を調整すると、RGBA・HSLA の値も更新されます。
- 値の各行にある「コピー」を押すと、その表記をクリップボードへコピーできます。
- 下部のパレット（補色・類似色・トライアド・単色スケール）から、配色に使いたい色をクリックしてHEXをコピーできます。
❓ よくある質問
入力した色はサーバーに送信されますか？
いいえ。カラーコードの変換・パレット生成はすべてお使いのブラウザ内（クライアントサイド）で計算されます。入力内容がサーバーへ送信・保存されることはありません。ページを閉じればメモリからも消去されます。
HEXはどんな形式に対応していますか？
3桁（#abc）と6桁（#aabbcc）のHEXに対応しています。先頭の # は省略しても構いません。加えて rgb()/rgba()/hsl()/hsla() 記法もそのまま貼り付けて変換できます。
RGBとHSLの変換はどのように計算していますか？
外部ライブラリを使わず、標準的な変換式でRGB⇄HSLを相互計算しています。HSLの色相（H）は0〜360°、彩度（S）・輝度（L）は0〜100%として扱います。丸め処理の都合で、往復変換時に1程度の誤差が生じる場合があります。
パレットはどのような基準で作られますか？
現在色をHSLに変換し、色相を回転させて生成します。補色は+180°、類似色は±30°、トライアドは±120°です。単色スケールは色相・彩度を保ったまま輝度（L）を段階的に変化させています。Webデザインや資料の配色検討の出発点としてご利用ください。