タスカルツールズ

カラーコード変換

HEX・RGB・HSL・OKLCHのカラーコードを相互に変換します。

HEX、rgb()、rgba()、hsl()、hsla()、oklch() に対応

#3B82F6

HEX

rgb(59, 130, 246)

RGB

hsl(217, 91%, 60%)

HSL

oklch(0.623 0.201 262.9)

OKLCH

このツールについて

HEX・RGB・HSL・OKLCHのカラーコードを相互に変換するツールです。いずれかの形式で色を入力すると、他の形式にリアルタイムで変換し、プレビューも表示します。

Webデザインでの色指定、CSSの記述、デザインツール間での色の受け渡しなどに便利です。OKLCHはCSS Color Level 4で導入された新しい色空間で、人間の知覚に基づいた均一な色調整ができます。