OKLCH Color Space Converter

Hex2Oklch Converter

Hex: #009900

OKLCH: oklch(59.17% 50.33% 142.51)

Oklch2Hex Converter

Lightness: 59.17%

Chroma: 50.33%

Hue: 142.51°

oklch(59.17% 50.33% 142.51)

Hex2Oklch Converter

Hex: #0000FF

OKLCH: oklch(45.20% 78.32% 264.06)

Oklch2Hex Converter

Lightness: 45.20%

Chroma: 78.32%

Hue: 264.06°

oklch(45.20% 78.32% 264.06)

Gradient Comparison

Hex Gradient

OKLCH Gradient

OKLCH is a perceptually uniform color space that represents colors using three dimensions: Lightness (L), Chroma (C), and Hue (H).

L (Lightness) : Represents the perceived brightness of a color (0-100%).
C (Chroma) : Represents the colorfulness or saturation of a color (0-100%).
H (Hue) : Represents the base color itself (0-360 degrees).

OKLCH offers better perceptual uniformity compared to sRGB and HSL, making it ideal for creating smooth color transitions and maintaining consistent contrast ratios.

OKLCHは、sRGBやHSLに比べて知覚的な均一性に優れているため、スムーズな色の遷移を作成し、一貫したコントラスト比を維持するのに理想的です。