値を 1 つ以上入力してください。
先頭の値・その他の表現
数値と表現
基本の仕組み
RGB は赤・緑・青の光を表し、HEX は各成分を 16 進数のバイトで記述します。HSL は色相・彩度・明度、アルファは透明度を表します。
できること
1 行に 1 つの CSS 色を入力し、出力形式を選んで変換します。先頭の色は 3 形式で表示します。市松模様の背景で透明度を確認できます。
使い方
- 出力を HEX、RGB、HSL から選びます。入力形式は自動判別します。#336699 → rgb(51, 102, 153) には RGB を選びます。
- 1 行に 1 値を貼り付けるか、UTF-8 テキストファイルを開きます。
- 変換後に結果を確認し、コピーまたは TXT 保存します。入力変更で古い結果は消去されます。元に戻すと入力と設定を復元します。
エラーと制限
短縮・通常 HEX、RGB パーセント、HSL、標準色名に対応します。RGB は 0〜255、アルファは 0〜1 または 0〜100% です。HEX のアルファは末尾です。HWB、Lab、color() は対象外で、8 ビット RGB に丸めます。
上限は入力 200,000 文字、500 件、出力 1,000,000 文字です。無効な行がある場合はバッチ全体を停止します。
よくある質問
色 #33669980 の 80 は不透明度 80% ですか？
いいえ。16 進数 80 は 128 なので、128/255、約 50.2% です。80% なら rgba(51, 102, 153, 0.8) を使用します。
入力した値はアップロードされますか？
いいえ。計算とファイル読み込みはこのタブ内で行います。値を URL に含めたり変換サービスに送信したりしません。