HEX → OKLCH 変換ツール

HEX の値を入力すると OKLCH がすぐに表示されます。計算はすべてブラウザ内で行われ、入力値がサーバーに送られることはありません。

変換結果

ほかの形式

カラーピッカーで開く

HOW

計算方法

HEX を RGB に変換し、Oklab を経て明度（L）・彩度（C）・色相角（H）に直します。OKLCH は人の目が感じる明るさに合わせて設計されているため、色相だけを変えても明るさがばらつきません。

EXAMPLES

HEX → OKLCH 変換例

Color	HEX	OKLCH
Red	`#FF0000`	`oklch(62.8% 0.2577 29.23)`
Tomato	`#FF6347`	`oklch(69.6% 0.1955 32.32)`
Orange	`#FFA500`	`oklch(79.3% 0.171 70.67)`
Gold	`#FFD700`	`oklch(88.7% 0.1822 95.33)`
Limegreen	`#32CD32`	`oklch(74.2% 0.2286 142.83)`
Teal	`#008080`	`oklch(54.3% 0.0927 194.77)`
Dodgerblue	`#1E90FF`	`oklch(65.2% 0.1901 253.21)`
Royalblue	`#4169E1`	`oklch(56% 0.1882 266.4)`
Blueviolet	`#8A2BE2`	`oklch(53.4% 0.2503 301.37)`
Hotpink	`#FF69B4`	`oklch(72.8% 0.1971 351.99)`

MORE

ほかの変換ツール

HEX → RGBHEX → RGB 変換ツール RGB → HEXRGB → HEX 変換ツール HEX → HSLHEX → HSL 変換ツール HSL → HEXHSL → HEX 変換ツール RGB → HSLRGB → HSL 変換ツール HEX → CMYKHEX → CMYK 変換ツール RGB → CMYKRGB → CMYK 変換ツール OKLCH → HEXOKLCH → HEX 変換ツール RGB → OKLCHRGB → OKLCH 変換ツール