カラーコード変換ツール
HEX、RGB、HSL の色形式を自由に変換します。カラーピッカーで選択するか直接コードを入力すると、すべての形式が即時更新されます。
HEX、RGB、HSL を相互変換し、CSS カスタムプロパティ形式もコピーできます。値を直接入力するか、ブラウザのカラーピッカーを使用できます。
色を変換する方法
- 3桁/6桁 HEX、rgb(r,g,b)、または hsl(h,s%,l%) を入力します。
- 変換ボタンを押すか、入力後少し待って自動変換します。
- HEX、RGB、HSL、CSS 変数とカラープレビューを確認します。
- 必要な形式をコピーします。
対応している色形式
HEX は # の有無を問わず3桁と6桁に対応します。RGB は整数チャンネルの rgb(r,g,b)、HSL は hsl(h,s%,l%) を処理します。
アルファ値、CSS 色名、最新の空白区切り構文、LAB/LCH/OKLCH/Display-P3/CMYK などは現在対応していません。
プライバシーと制限
色の解析と変換はブラウザ内でローカルに行われます。基本的な HEX/RGB/HSL 変換用で、色管理、ガマット変換、コントラスト判定、デバイスプロファイル変換は行いません。
よくある質問
3桁 HEX に対応していますか？
はい。#abc のような値は対応する6桁 HEX に展開されます。
アルファ透明度に対応していますか？
いいえ。現在はアルファなしの RGB 色を扱います。
カラーピッカーは使えますか？
はい。選択すると入力値と変換結果が自動更新されます。
CSS var の結果は何ですか？
--color: #rrggbb; 形式の簡単なカスタムプロパティ宣言です。
色データはアップロードされますか？
いいえ。ブラウザ内で変換します。