使い方
- カラーコードを入力
HEX（#RRGGBB）、RGB（rgb(r,g,b)）、HSL（hsl(h,s%,l%)）のいずれかの形式で入力します。
- 変換ボタンをクリック
「変換」を押すと、各形式（HEX/RGB/HSL）に変換されプレビューとコントラストが表示されます。
- 結果をコピー
「コピー」ボタンで結果をクリップボードにコピーできます。
カラーコード変換ツール の具体例
HEX → RGB/HSL
入力
#2563eb出力
HEX: #2563eb
HEX8: #2563ebff
RGB: rgb(37, 99, 235)
RGBA: rgba(37, 99, 235, 1)
HSL: hsl(221, 83%, 53%)
HSLA: hsla(221, 83%, 53%, 1)プレビューとコントラスト比（白/黒）も表示されます。
RGB → HEX/HSL
入力
rgb(255, 0, 0)出力
HEX: #ff0000
HEX8: #ff0000ff
RGB: rgb(255, 0, 0)
RGBA: rgba(255, 0, 0, 1)
HSL: hsl(0, 100%, 50%)
HSLA: hsla(0, 100%, 50%, 1)特長
- HEX/RGB/HSL + アルファ（RGBA/HSLA/HEX8）対応
- カラーピッカー + アルファスライダー
- プレビュー + コントラスト比（白/黒）
- 3桁HEX（#RGB）にも対応
- 入力データはブラウザ内で処理（サーバー送信なし）
- ダークモード対応
よくある質問
HEXカラーコードとは？
HEX（16進数）カラーコードは、#に続く6桁の16進数で色を表す形式です。#RRGGBBの順に赤・緑・青の値を00〜FFで指定します。CSSやWebデザインで最も広く使われています。
RGBとHSLの違いは？
RGBは赤(R)・緑(G)・青(B)の光の三原色の値（0〜255）で色を指定します。HSLは色相(H: 0〜360°)・彩度(S: 0〜100%)・輝度(L: 0〜100%)で指定し、人間の色の知覚に近い表現方法です。
データはサーバーに送信されますか？
いいえ。すべての変換処理はブラウザ内のJavaScriptで行われます。データが外部に送信されることはありません。