HeronTool
English
Log in
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
HomeDesign Resources › OKLCH Color Picker

OKLCH Color Picker

Pick colors in perceptually uniform OKLCH and get HEX, RGB, HSL fallbacks.

HEX
RGB
HSL
CSS

How to Use

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

Use Cases

Pick colors in perceptually uniform OKLCH and get HEX, RGB, HSL fallbacks.

Detailed Usage Guide

Fill in each parameter field (units are shown in the labels).

Click calculate — results appear instantly with a short explanation.

Most calculators recompute when you change any parameter.

Example: BMI calculator takes height and weight to output your index and category.

Tip: invalid input shows a hint; follow the required format.

Nothing is uploaded — all processing happens locally in your browser.

Comment / Report / My Annotations

Please sign in first — Log in

Please sign in first — Log in

Please sign in first — Log in