Input color
Enter a hex code, rgb/hsl function, or Tailwind token.
Parsing successful
Color converter
Convert between HEX, RGB, HSL, and Tailwind classes instantly.
Paste a color, tweak the value, and copy the format you need for CSS, Tailwind, or design handoff. Complement color tokens before exporting assets with the JSON formatter if you maintain design systems in JSON.
Accepts HEX, RGB(A), HSL(A)Shows closest Tailwind tokenAll conversions run locally
Copy your formats
Select the output you need and copy it instantly.
HEX#2563EB
RGBrgb(37, 99, 235)
HSLhsl(221.21, 83.19%, 53.33%)
Tailwindbg-blue-500
Frequently asked questions
Quick answers for developers landing here from search.
Which color formats are supported?
You can paste HEX, RGB(A), HSL(A), or Tailwind background tokens. The tool normalizes them and outputs HEX, RGB, HSL, and the closest Tailwind class.
How is the Tailwind class chosen?
We map your color to the closest Tailwind 500-level swatch using Euclidean distance in RGB space, helping you pick the nearest design token quickly.
Is my color data sent anywhere?
No. Everything runs in your browser, so you can convert colors offline without leaking design tokens or client palettes.