カラーコード変換

HEX/RGB/HSLのカラーコードを相互変換しプレビューします。

カラーコード入力

HEX（#abc / #aabbcc / #aabbccdd）・rgb(a)・hsl(a) のいずれを貼っても自動判別します。

プレビュー

市松模様の上で透過（アルファ）を確認できます。

変換結果

HEX

RGB

HSL

アルファ（透過）付きの色は #rrggbbaa / rgba() / hsla() で表示されます。入力内容は端末内で処理され送信されません。