Convert any colour between HEX, RGB, HSL and HSV, preview it on a large swatch and copy the format your CSS needs. Pick visually or paste a value you already have — both directions work live.
A UUID identifies a record — never use it as an authentication token.
Math.random() is predictable. Use the CSPRNG for tokens, IDs and secrets.
Decoding is not verifying. Always validate the signature and claims on the server.
Generate keys here, then store them in environment variables or a vault.
Convert any colour between HEX, RGB, HSL and HSV, preview it on a large swatch and copy the format your CSS needs. Pick visually or paste a value you already have — both directions work live.
Use the picker or type a HEX/RGB value — all formats update instantly.
HEX, RGB, HSL and HSV are shown side by side for the same colour.
Copy a value, or grab a lighter/darker shade for hover states.
| HEX | RGB | HSL |
|---|---|---|
| #10b981 | rgb(16, 185, 129) | hsl(160, 84%, 39%) |
| #f59e0b | rgb(245, 158, 11) | hsl(38, 92%, 50%) |
| #3b82f6 | rgb(59, 130, 246) | hsl(217, 91%, 60%) |
Each row is the same colour written three different ways.
It is completely free, private and requires no signup.
Use the tool nowHSL is easier to reason about: hue, saturation and lightness. It is ideal for building palettes where you tweak lightness to make variants.
Yes. #ff0000 and rgb(255, 0, 0) are identical — HEX is just a compact way of writing the same three byte values.
Add it in CSS with rgba() or an 8-digit HEX (for example #10b98180). This converter focuses on the solid colour; handle alpha separately.
Explore the whole collection — no signup, 100% free & private.