RGB → OKLCH 変換ツール

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

変換結果

ほかの形式

カラーピッカーで開く

HOW

計算方法

RGB を線形 RGB に戻し、Oklab を経て L・C・H を求めます。HSL の明度は最大・最小チャンネルの平均なので色相ごとに体感が変わりますが、OKLCH の L はその問題を大きく抑えます。

EXAMPLES

RGB → OKLCH 変換例

Color	RGB	OKLCH
Red	`rgb(255, 0, 0)`	`oklch(62.8% 0.2577 29.23)`
Tomato	`rgb(255, 99, 71)`	`oklch(69.6% 0.1955 32.32)`
Orange	`rgb(255, 165, 0)`	`oklch(79.3% 0.171 70.67)`
Gold	`rgb(255, 215, 0)`	`oklch(88.7% 0.1822 95.33)`
Limegreen	`rgb(50, 205, 50)`	`oklch(74.2% 0.2286 142.83)`
Teal	`rgb(0, 128, 128)`	`oklch(54.3% 0.0927 194.77)`
Dodgerblue	`rgb(30, 144, 255)`	`oklch(65.2% 0.1901 253.21)`
Royalblue	`rgb(65, 105, 225)`	`oklch(56% 0.1882 266.4)`
Blueviolet	`rgb(138, 43, 226)`	`oklch(53.4% 0.2503 301.37)`
Hotpink	`rgb(255, 105, 180)`	`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 変換ツール HEX → OKLCHHEX → OKLCH 変換ツール OKLCH → HEXOKLCH → HEX 変換ツール