Color Converter

Convert colors between HEX, RGB, and HSL formats.

Pick a Color

Click to change

Color Values

HEX

RGB

HSL

Arbitrary Tailwind Classes

bg-[#6366f1]text-[#6366f1]border-[#6366f1]

What is a Color Palette & Converter?

Working with web colors requires translating between different formats like HEX, RGB, and HSL. This tool acts as an instant bridge, taking any standard web color and providing all equivalent formats, alongside handy Tailwind CSS arbitrary value snippets.

How to use

1Click the color swatch to open the native color picker.
2Alternatively, paste a HEX code directly into the input.
3The tool instantly calculates RGB and HSL values.
4Click the copy icon next to the specific format or the generated Tailwind classes.