# oklch.fyi

> Build palettes with consistent lightness and predictable shades, convert between formats, and explore gamut — all in OKLCH.

Built by [Jakub Krehel](https://jakub.kr). The full guide to OKLCH colors is available as markdown at https://oklch.fyi/index.md.

## Docs

- [What are OKLCH colors?](https://oklch.fyi/index.md): Color models, gamut, structure, gradients, maximum chroma, browser support and fallbacks.
- [OKLCH Skill](https://oklch.fyi/skill): An agent skill for OKLCH — convert a project's colors, generate palettes, check contrast, and handle gamut clamping.

## Tools

- [Create](https://oklch.fyi/create): Build OKLCH palettes that keep their lightness and chroma across shades. Export to CSS or Tailwind.
- [Convert](https://oklch.fyi/convert): Convert HEX, RGB, and HSL to OKLCH and back. Copy the result as CSS or a Tailwind value.
- [Bulk Convert](https://oklch.fyi/bulk-convert): Paste a list of colors and convert all of them to OKLCH, HEX, RGB, or HSL at once.
- [Color Palettes](https://oklch.fyi/color-palettes): A collection of OKLCH color palettes, including the full Radix scales. Click any color to copy it.
- [Gradients](https://oklch.fyi/gradients): Build OKLCH gradients that interpolate cleanly, without the muddy midpoints you get in RGB. Copy the CSS.
- [Gamut Visualizer](https://oklch.fyi/gamut): Compare sRGB and Display-P3 in 3D and see which colors each one can actually show.

## Optional

- [Jakub Krehel](https://jakub.kr/llms.txt): The author's site.