design

HSL → HEX

HSL → HEX. HEX、RGB、HSL、CMYK 間で色を変換します。入力形式を自動検出し、すべての色空間表現を表示します。デザイナーや開発者に必須。

パラメーター

色の値*

HEX、RGB、HSL、または HWB 形式で色を入力します

入力フォーマット*

入力カラー値の形式

HEX

#3C83F6

16進数の色表記

その他の結果 (5)

カラープレビュー

#3C83F6

色の視覚的なプレビュー

RGB

rgb(60, 131, 246)

Red: 60, Green: 131, Blue: 246

HSL

hsl(217, 91%, 60%)

Hue: 217°, Saturation: 91%, Lightness: 60%

CMYK

cmyk(76%, 47%, 0%, 4%)

Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%

名前付きカラー

Royal Blue (closest match)

CSS でこの色に最も近い名前の色を指定

hsl(217, 91%, 60%)

#3C83F6

CMYKはICCプロファイルなしの数学的近似です。特定のプリンターや用紙での色を予測しません。

HSL → HEX. HEX、RGB、HSL、CMYK 間で色を変換します。入力形式を自動検出し、すべての色空間表現を表示します。デザイナーや開発者に必須。

CSS Color Module Level 4 - W3C

Color Values - MDN Web Docs

Named CSS Colors

同じ用途に役立つ便利なツールをさらに探索。