CSSカラー形式変換

1つの色をhex、rgb()、hsl()、hwb()のすべてのCSS形式で表示します。

ベースカラー

Hex値

値をクリックするとコピーできます。

このツールについて

色を選ぶと、そのhex、rgb()、hsl()、hwb()の各形式をすぐに確認できます。変換はすべてブラウザ内で行われます。

各形式はどのように計算されますか？

hex値をRGBに変換し、そこから標準的な色空間の計算式を用いてHSLとHWBに変換します。すべてブラウザ内で処理されます。

値をコピーするには？

いずれかの形式のタイルをクリックすると、そのCSS値がクリップボードにコピーされます。