Vibeleaderboard
← Back to Tools
Index / app

OKLCH Color Picker, Generator and Converter

oklch.fyi
Visit oklch.fyi
Category
Developer Tools
Rank
No. 1081Tools index
Pricing
Free
Type
APP
Use case
Design & Media
Interfaces
Web
Builder
@jakubkrehel
Date

About

A comprehensive tool for working with OKLCH colors - a perceptually uniform color model that makes it easier to create consistent color palettes, gradients, and shades. Convert between color formats, generate palettes, and explore how colors work in the modern OKLCH color space.

What it does

Its homepage frames the site as a place to pick, convert and generate OKLCH colors, explaining the model's lightness, chroma and hue structure and letting visitors create colors using CSS Color Module Level syntax.

Stated on the product site

Stated purpose
Homepage tagline positions the site around picking, converting, and generating OKLCH colors
Color model explanation
Describes OKLCH as a color model designed for perceptual uniformity
Gamut/platform coverage
Explains sRGB and Display-P3 gamut support, tying Display-P3 to modern device displays
CSS fallback guidance
Advises using the @supports CSS directive to fall back to other formats when OKLCH isn't supported

Not stated on the site

  • The page doesn't show whether using the site requires an account or sign-in.
  • The page doesn't show any pricing or subscription information.
  • The page doesn't show terms or a license covering reuse of colors or code snippets generated on the site.

Written from the product site at oklch.fyi.

What it can do

  • Convert colors between OKLCH and other color formats

    Color values in various formats (RGB, HSL, HEX, etc.) → Equivalent color values in OKLCH format

  • Convert OKLCH colors to other color formats

    OKLCH color values → Equivalent color values in RGB, HSL, HEX, or other formats

  • Generate consistent color palettes

    Base color or color preferences → Harmonious color palette using OKLCH color space

  • Create color gradients

    Starting and ending colors → Smooth color gradient using OKLCH interpolation

  • Generate color shades and tints

    Base color in OKLCH format → Series of lighter and darker variations of the color

  • Pick and sample colors interactively

    User interaction with color picker interface → Selected color values in OKLCH format

Tags

colordesignoklchpaletteconvertergradientscolor-theoryweb-design

Media

OKLCH Color Picker, Generator and Converter

Comments (0)

No comments yet

Editorially curated, with community endorsements as a secondary signal. Corrections welcome.