使い方:HEXを入れるか、ピッカーで色を選ぶと RGB / HSL に変換します。
仕組み・詳しく
HEXは
#rrggbb(#rgb の3桁も可)。RGB=赤緑青を各0–255で表す。HSL=色相(0–360°)・彩度(%)・明度(%)で、「同じ色みで少し暗く」等の微調整がしやすい表現です。各行の「コピー」でCSSにそのまま貼れます。入力
変換結果
HEX#d9772e
RGBrgb(217, 119, 46)
HSLhsl(27, 69%, 52%)