OKLCH → HEX

Paste any CSS block with oklch() values and get hex back instantly. Variable names, comments and blank lines are preserved.

All conversion happens locally →

Input

Output

  1. /* Paste your OKLCH tokens here */
  2. --color-primary-50: #f6fafa;
  3. --color-primary-500: #00b4bb;
  4. --color-accent: #ff333ccc;
  5. --color-black: #000000;
  6. --color-white: #ffffff;
  7.