hex·rgb·hsl

カラーコード変換

HEX を入れると RGB と HSL を同時に表示。カラーピッカーからも指定できます。3表記をそれぞれコピーできるので、CSSにそのまま貼れます。

使い方:HEXを入れるか、ピッカーで色を選ぶと RGB / HSL に変換します。

仕組み・詳しく
HEXは #rrggbb(#rgb の3桁も可)。RGB=赤緑青を各0–255で表す。HSL=色相(0–360°)・彩度(%)・明度(%)で、「同じ色みで少し暗く」等の微調整がしやすい表現です。各行の「コピー」でCSSにそのまま貼れます。

入力

変換結果

HEX#d9772e
RGBrgb(217, 119, 46)
HSLhsl(27, 69%, 52%)
広告