Color Converter & Picker
Convert colours between HEX, RGB, HSL and HSV and build tints, shades and palettes.
Tints & shades
Matching palette
Contrast check
About the Color Converter & Picker
Pick a colour or type any HEX, RGB or HSL value to see it in every other notation, copy the CSS you need, and generate tints, shades and a matching palette. A contrast checker shows whether text on that colour meets WCAG AA and AAA.
Frequently asked questions
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 and 4.5:1.
Related tools
All Developer →CSS, JS & HTML Minifier
Strip comments and whitespace to make your code files smaller.
Markdown Preview
Write Markdown and see the rendered result and HTML side by side.
UUID Generator
Generate cryptographically random UUID v4 identifiers in bulk.
SQL Formatter
Format a messy SQL query into readable, indented lines.
URL Encoder / Decoder
Percent-encode or decode URLs and query string components.
Regex Tester
Test a regular expression against sample text with live match highlighting.