カラー変換ツール
HEX・RGB・HSL の色をライブプレビュー付きで変換します。
このブラウザは画面取得に対応していません。ピッカーを使うか HEX コードを貼り付けてください。
カラーコード
最も近い名前付き色
Royal Blue
#4169e1 · Δ 30.33
HEX
#2563ebRGB
rgb(37, 99, 235)HSL
hsl(221, 83%, 53%)パレットと調和
濃淡
補色
類似色
トライアド
テトラード
色をタップするとベースカラーに設定します。
カラーミキサー
混合比率: 50% / 50%
混色結果
#8d51a5計算式と方法
HEX/RGB は各チャンネル（0–255）で直接対応。HSL は sRGB から標準の色相／彩度／明度変換で求めます。
計算例
- #ff8800 → rgb(255, 136, 0) · hsl(32, 100%, 50%)
よくある質問
どのカラー形式を貼り付けられますか？
3・6・8 桁の HEX（アルファは無視）に対応し、RGB と HSL のスライダーも直接調整できます。
プライバシー
すべての処理はブラウザ内でローカルに実行され、データがアップロードされることはありません。