Skip to content

OKLCH Color Picker & Converter

Curated

Colour picker that converts between OKLCH, hex, RGB and HSL

OKLCH Color Picker & Converter preview

About OKLCH Color Picker & Converter

OKLCH Color Picker & Converter is a web tool for picking colours and converting them between formats. It focuses on OKLCH, a colour model that aims to match how people perceive lightness and hue.

What it does

You can paste a hex, RGB or HSL value and see the same colour in OKLCH, LCH, LAB and other formats. The tool also shows colours in wider gamuts such as Display P3 and Rec2020. A 3D view and graphs help you see how lightness, chroma and hue change across a palette.

Key features

  • Convert hex, RGB, HSL, LCH and OKLCH values
  • Paste a value to convert it instantly
  • Show colours in P3 and Rec2020 gamuts
  • Visualise palettes with 3D views and graphs

Who it's for

The tool suits front-end developers, designers and anyone building a colour system with CSS. It is useful when you want consistent lightness across a palette and need to see how a colour looks outside standard sRGB.

Pricing and good to know

The listing does not state pricing, and the tool runs in the browser. It is made by a development consultancy, Evil Martians, and the page explains the reasons for using OKLCH. Wide-gamut colours only show fully on screens that support them, so test your palette on the devices your users have.

Highlights

  • Convert hex, RGB and HSL to OKLCH and other formats
  • Paste any colour value to see its conversions
  • Show colours in P3 and Rec2020 colour spaces
  • Adjust lightness, chroma and hue with sliders

Ratings & reviews

Rate OKLCH Color Picker & Converter

Stars alone count straight away.0/300

Checking that you are human…

Was this page helpful?

FAQ

Frequently Asked Questions

Quick answers about the directory, listings and your privacy.

  • Web Tools Finder (WTF) is a curated directory built by developers and designers for web developers, designers, vibe coders, and freelancers. It brings useful tools and resources together in one place, helping you save time, discover better resources, and bookmark your favorites for free, without signing up.

    About Web Tools Finder
  • Yes, it is free. Browsing, searching and saving tools need no account. Your saved tools are kept in your browser on this device, so they are not shared between devices.

    Open your saved tools
  • You can discover AI tools, development resources, UI/UX design tools, graphics, website inspiration, open-source projects, learning materials, freelance resources, and more. We're also expanding into useful communities and groups to help you connect, learn, and grow.

    Browse the directory
  • Use the Search Directory, or press Ctrl K (Cmd K on a Mac) to search from any page. Each section lists its tools by category, and when tools have pricing details you can filter by price, such as Free, Freemium or Paid. Open a tool to read its description, highlights and details, and save the ones you like.

    Search the directory
  • It shows how many tools were added to that section in the last 7 days. The label disappears once you open the section.

  • The AI Prices page is checked every day against two independent public sources, and a price is listed only when both agree. Prices can change at any time, so always confirm with the provider before you build on a price.

    See the AI prices
  • They come from GitHub star counts, which refresh automatically every day. Stars show how popular a project is, not how good it is for your project.

    See the most starred tools
  • Yes! You can submit your tool, resource, or agency through our submission options. Our team reviews each submission according to our listing guidelines and policies. We'll contact you regarding the review, eligibility, and next steps before your listing is published.

    Contact us
  • They mark paid or partner placements. Those listings are not recommendations from Web Tools Finder, and they are labelled clearly so you can tell them apart from the rest of the directory.

  • Featured spots can be arranged on the Home page, in each section and on the Agencies and Deals pages. Get in touch through the contact page and tell us what you would like to promote. Featured and sponsored placements are always labelled.

    Get in touch
  • With your permission we use Google Analytics to see which pages are useful, and the site shows advertising. You can accept or decline in the cookie banner and change your choice later from Cookie Preferences in the footer. Your saved tools stay in your browser.

    Read the Privacy Policy
  • Use the Feedback button in the menu and choose Something is broken, or write to us from the Contact page. We also check tool links regularly and review the ones that stop working.

    Contact us

Still have a question? Contact us

© 2026 Web Tools Finder (WTF). All rights reserved.

Built by QDelta Technologies