Home › Color converter & palette
Color converter & palette
Convert colours between HEX, RGB, HSL, HSV and CMYK, check contrast, and generate tints, shades and harmonious palettes.
🔒 Runs 100% in your browser — safe for real dataTints & shades
Colour harmonies
Click any swatch to copy its hex code.
How to use the color converter & palette
- Pick a colour or type a value in HEX, RGB or HSL.
- Copy the format you need.
- Click a tint, shade or harmony swatch to explore and copy it.
About this tool
Type any CSS colour — #4f46e5, rgb(79,70,229), hsl(243 75% 59%) or even a name like tomato — or use the picker. You get every common notation, WCAG contrast ratios against white and black text, ten tints and shades, and complementary, analogous and triadic harmonies.
FAQ
Is my data sent to a server?
No. DevKnife tools run entirely in your browser with JavaScript. Nothing you paste — API keys, tokens, customer data — is transmitted or logged, so it is safe for production data.
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.