カラーコード変換

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

色

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

使い方・しくみ

HEX を入れるか、まるを押して色をえらぶと、RGB と HSL に変換します。各行の「コピー」で CSS にそのまま貼れます。

HEX は #rrggbb(#rgb の3けたも可)。RGB=赤・緑・青を 0〜255 で表したもの。HSL=色相(0〜360°)・彩度(%)・明度(%)で、「同じ色みで少し暗く」などの調整がしやすい書き方です。

計算はこのブラウザの中だけで、入れた内容はどこにも送りません。