Color Converter
Convert colors between HEX, RGB, and HSL formats. Includes a visual color picker and WCAG contrast ratio checker for accessibility testing.
CSS Values
color: #3B82F6;
color: rgb(59, 130, 246);
color: hsl(217, 91%, 60%);
How It Works
Enter a color value
Type a HEX code, RGB values, HSL values, or use the visual color picker.
View all formats
The color is instantly converted to HEX, RGB, and HSL. All formats are displayed simultaneously with CSS output.
Copy or check accessibility
Copy any color format to your clipboard. Check WCAG contrast ratios against white and black backgrounds.
Frequently Asked Questions
Which color formats are supported?
The tool supports HEX (3-digit and 6-digit), RGB (0–255), and HSL (hue 0–360, saturation and lightness 0–100%) color formats. Enter a value in any format and all others are computed instantly.
What is the contrast checker?
The contrast checker calculates the contrast ratio between your color and white or black backgrounds according to WCAG guidelines. It shows whether the combination meets AA (4.5:1 ratio) or AAA (7:1 ratio) accessibility standards.
Does it run in my browser?
Yes. All color conversions and calculations happen client-side in your browser. No data is sent to any server.