Color Converter
Translate a colour between web, design and print formats, and get lighter and darker variations.
Runs in your browser. Nothing is uploaded Free, no sign-up Works on mobile
Colour (HEX, RGB, HSL, CMYK or name)
Contrast with white: 5.17:1 · with black: 4.06:1. Text needs 4.5:1 for good readability.
- #2563EB
- rgb(37, 99, 235)
- hsl(221, 83%, 53%)
- hsv(221, 84%, 92%)
- cmyk(84%, 58%, 0%, 8%)
- 0xFF2563EB
- UIColor(red: 0.145, green: 0.388, blue: 0.922, alpha: 1.00)
How to use Color Converter
- Type a colour in any format or use the picker.
- Copy the format you need.
- Click a tint or shade to explore variations.
Frequently asked questions
How do I convert HEX to RGB?
Split the six digits into pairs and convert each from base 16: #2563EB is rgb(37, 99, 235).
Is CMYK accurate for printing?
It is a mathematical conversion. Printers use colour profiles, so ask your printer for exact CMYK values for brand colours.
Related tools
All Developer Tools →- Color Contrast Checker Make sure text is readable for everyone, including people with low vision and anyone reading in bright sunlight.
- CSS Gradient Generator Design gradient backgrounds visually and copy the CSS.
- Color Picker from Image Upload a photo, logo or screenshot and click anywhere to get the exact colour code.
- Box Shadow Generator Build soft, realistic shadows by layering several box-shadows, as modern UI kits do.
- Glassmorphism Generator Create the frosted-glass card effect used in modern app and website designs.
- Flexbox Playground Understand flexbox by changing properties and watching the items move.