使用方法
- Drag the L (lightness), C (chroma), and H (hue) sliders to build a color。
- Alternatively paste an existing oklch(), hex, or rgb value into the reverse input to import a color。
- Read the live swatch and the generated oklch(), hex, and rgb values below the sliders。
- Copy the ready-to-use CSS snippet color: oklch(...) from the output section。
- Share the current color via the copy-link button。
範例
- Setting L=0.65, C=0.18, H=250 produces a mid-blue; the tool shows oklch(0.65 0.18 250), its hex #4b78d4, and the equivalent rgb()。
- Pasting #ff6600 into the reverse input fills the sliders with the corresponding OKLCH coordinates。