カラーコード変換ツール

HEX, RGB, HSLカラーコードを相互変換。リアルタイムプレビュー付き。

HEXカラー

RGB

HSL

CSS変数

値をクリックでコピー

プレビュー

カラーコードについて

Web開発では、HEX (#FF5733), RGB (rgb(255,87,51)), HSL (hsl(11,100%,60%)) の3種類のカラー表記が主に使われます。このツールでリアルタイムに相互変換できます。