実用的な 4 種類の HEX 桁数

省略形 RGB (#RGB)、省略形 RGBA (#RGBA)、完全形 RGB (#RRGGBB)、完全形 RGBA (#RRGGBBAA) を受け付けます。# は省略可能です。省略形は各桁を 2 回繰り返すため、#3af は #33aaff、#3af8 は #33aaff88 に展開されます。

明示的で正規化された alpha

6 桁カラーは完全不透明、4 桁と 8 桁カラーは alpha チャンネルを持ちます。入力にかかわらず出力 alpha を指定するには不透明度の上書きを使います。RGBA の alpha は 0〜1 で、小数第 3 位に丸められます。

HEX と rgba() は sRGB チャンネル値を表します。このツールはチャンネル表記のみを変換し、色管理、広色域変換、知覚的補間、表示プロファイル変換は行いません。プレビューは現在のブラウザーで描画されます。

よくある質問

CSS 色名や rgb() 値も使えますか？

いいえ。# の有無を問わず 3、4、6、8 桁の 16 進数を使う 4 種類の HEX 形式に限定されています。

8 桁 HEX の最後の 2 桁は何ですか？

最後の 2 桁は alpha チャンネルです。00 は完全透明、FF は完全不透明を表します。

#RGBA が 4 桁なのはなぜですか？

4 桁形式は RGBA の省略形で、各桁を 2 回使います。そのため #abcd は #aabbccdd になります。

カラープロファイル変換ツールですか？

いいえ。sRGB 形式の HEX チャンネル表記を RGBA と CSS 構文に変換します。ICC プロファイルや色空間間の変換は行いません。