Color Tools
6 toolsConvert colors between formats, generate palettes, and check contrast.
#FF5733RGB
Hex to RGB Converter
Convert HEX color codes to RGB values.
RGB#HEX
RGB to Hex Converter
Turn RGB values into HEX codes for CSS.
HEXHSL
Hex to HSL Converter
Convert HEX to HSL for easier color adjustments.
HSLHEX
HSL to Hex Converter
Convert HSL values back to HEX codes.
Color Palette Generator
Generate harmonious palettes with lock, export to CSS/Tailwind/SCSS.
AA
AA
Color Contrast Checker
Check WCAG AA and AAA contrast compliance.
Frequently Asked Questions
What color formats are supported?▾
HEX (#FF5733), RGB (rgb(255, 87, 51)), and HSL (hsl(14, 100%, 60%)). Each format has dedicated conversion tools.
What is WCAG contrast checking?▾
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and background colors. AA requires 4.5:1 for normal text, AAA requires 7:1. Our checker tests both levels.
How does the palette generator work?▾
Enter a base color and it generates complementary, analogous, triadic, and split-complementary palettes using color theory. Each palette includes 5 harmonious colors.
Common color tasks
- Convert HEX color codes to RGB values
- Check WCAG contrast ratios for accessibility
- Generate complementary and analogous palettes
- Convert between HEX, RGB, and HSL formats
Need a different tool?
Explore more free browser-based tools across other categories.