カラー変換
HEX、RGB、HSL の間で色を変換します。ブラウザ内で即座に処理し、アップロードは一切ありません。
お使いの端末でローカル処理中 ...
お使いの端末でローカル処理中 ...
0%
ファイルは一度も端末から出ていません
私のファイルはアップロードされますか？
いいえ。すべてブラウザ内で動作します。あなたのファイルが端末から出ることはありません。これが検証できる理由
同じ色でもツールによって書き方が異なります。デザインでは #ff8800 のような HEX コード、Web コードでは rgb(255, 136, 0) のような RGB 値、色相・彩度・明度を直感的に調整するときは HSL を使います。このツールは三つの表記のいずれかで色を受け取り、即座に三つすべてで出力するので、計算し直さずにどこでも使えます。
HEX コード (三桁または六桁、シャープありでもなしでも可)、rgb(...) や hsl(...) の値を入力できます。形式は自動で判別されます。変換は色空間どうしの一般的な計算式に従い、出力値を適切に丸めます。こうして、入力した色そのものに対して HEX、RGB、HSL の整合のとれた一式が得られます。
変換処理はすべてブラウザ内で純粋な JavaScript により完結します。入力はアップロードも保存もされず、外部ライブラリを CDN から読み込むこともありません。認識できる色でない場合は、誤った値を出さず正直にエラーを返します。
技術仕様
| 入力形式 | テキスト入力 |
|---|---|
| 出力形式 | TXT |
| 一括処理 | 非対応 |
| 処理 | ブラウザ内でローカル処理 (JavaScript) |
| ファイルのアップロード | なし |
3ステップで
- 色をテキスト欄に貼り付けます (HEX、RGB、HSL)。
- 変換ボタンを押します。
- 色を HEX、RGB、HSL として読み取ります。
制限: このツールは HEX、RGB、HSL の間で変換します (不透明な色のみ、アルファチャンネルなし)。HSL の値は整数に丸めるため、逆変換でわずかにずれる場合があります。CMYK や名前付きの色など他のモデルには対応していません。入力が有効な色でない場合は、正直にエラーを返します。
よくある質問
入力した内容はアップロードされますか？
いいえ。変換はすべてブラウザ内で完結します。入力した内容が端末から出ることはなく、保存もされません。
どの形式を入力できますか？
HEX (三桁または六桁、シャープありでもなしでも可)、rgb(...)、hsl(...) です。ツールが形式を自動で判別し、三つすべてを出力します。
RGB と HSL の違いは何ですか？
RGB は赤・緑・青を混ぜます。HSL は同じ色を色相・彩度・明度で表します。色を意図的に明るくしたり鮮やかにしたりするときに直感的なことが多いです。
アルファチャンネル (透明度) には対応していますか？
いいえ、このツールは不透明な色を扱います。透明度が必要な場合はアルファ値を別に管理してください。変換では考慮されません。
関連ツール
基数変換 · HTMLエンコード · テキストを2進数へ · 色覚テスト · 行をシャッフル · 数値を合計 · URLデコード