# Color converter

> Convert colours between HEX, RGB, HSL, and OKLCH, and generate a tint and shade scale ready to paste into CSS or a Tailwind theme.

Canonical: https://www.joelcsaji.com/tools/color-converter

Category: Design. Interactive: open the canonical URL in a browser to use it. It runs entirely client-side.

## What it does

- Type any CSS colour and get HEX, RGB, HSL, and OKLCH.
- Generates an 11-step tint and shade scale.
- Copies the scale as CSS custom properties.

Back to all tools: https://www.joelcsaji.com/tools