Color Converter
Convert between HEX, RGB, HSL, CMYK and more. Includes contrast checker and palette generator.
#f5a623rgb(245, 166, 35)rgba(245, 166, 35, 1)hsl(37, 91%, 55%)hsla(37, 91%, 55%, 1)cmyk(0%, 32%, 86%, 4%)hsv(37, 86%, 96%)16098851111101011010011000100011Contrast Checker (WCAG)
Shades (Light to Dark)
Color Harmonies
How to use Color Converter
- 1
Enter or Pick Color
Type a HEX color code, use the color picker, or enter a named color like 'red' or 'blue'.
- 2
View All Formats
See your color converted to HEX, RGB, HSL, CMYK, and more formats.
- 3
Check Contrast
Review the contrast ratios against white and black text for accessibility.
- 4
Copy & Use
Click any copy button to get the color in your preferred format.
Related Tools
Regex Tester
Test and debug regular expressions with real-time matching, capture groups, and replace preview.
JWT Decoder
Decode JWT tokens locally. View header, payload, claims, and expiration without sending data.
Cron Expression Generator
Build cron expressions visually. Get human-readable translations and next execution times.
Markdown Previewer
Live Markdown editor with GitHub Flavored Markdown support, syntax highlighting, and export options.
Frequently Asked Questions
What is the difference between HEX and RGB?
HEX is a 6-digit hexadecimal code (#RRGGBB). RGB uses decimal values (0-255) for red, green, blue. Both represent the same color.
What is HSL?
HSL stands for Hue, Saturation, Lightness. It's more intuitive for color adjustments - you can easily make a color lighter/darker by changing the L value.
What is a good contrast ratio?
WCAG AA requires 4.5:1 for normal text, 3:1 for large text. AAA requires 7:1 for normal text. The tool shows AA/AAA badges.
Can I search for CSS named colors?
Yes! Type color names like 'coral', 'navy', 'gold', or 'crimson' and the tool will find the HEX value.
What are complementary colors?
Complementary colors are opposite each other on the color wheel. They create high contrast and work well together in designs.