HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
同じ色の三つの書き方
HEX と RGB は同じ数字の着替えです — 16進6桁は3バイトです。HSL は同じ空間の別の並べ方で、色相を角度、彩度と明度を百分率で表します。互いに変換しても失われるものはありません。
考えやすいのは HSL
RGB で色を明るくするには三つの数字を勘で動かすことになります。HSL なら L を上げるだけです。デザインシステムがパレットを HSL で定義して HEX で配るのはそのためです。
広告
ついでに — 暗号資産取引所の登録特典
ほかの計算機
よくある質問
Q. HEX が8桁なのはなぜですか。
末尾2桁はアルファ、つまり不透明度で 00〜FF です。この変換器は6桁の不透明な形を扱います。
Q. #FFF と #FFFFFF は同じですか。
同じです。3桁の形は各桁を2回繰り返すので、#FFF は #FFFFFF に、#1A2 は #11AA22 になります。
Q. HSL の明度50%が中間の灰色に見えないのはなぜですか。
HSL の明度は計算上のもので、見た目に合わせたものではないからです。黄の50%は青の50%よりずっと明るく見えます。見た目で揃えたいときは LCH や OKLCH を見てください。