Hex to RGB Converter
Paste a hex code or use the RGB/alpha sliders. Get RGB, RGBA, HSL, and the nearest of 140 CSS named colors. See WCAG contrast (AA/AAA) against white and black. Click any tint, shade, complementary, analogous or triadic swatch to copy.
All conversions and palette generation happen in your browser. Nothing is uploaded.
How to use this hex to rgb converter
- Paste a hex code (3, 6 or 8 digits) or use the RGB sliders.
- View RGB / RGBA / HSL / nearest CSS color name.
- Check WCAG contrast against white and black (AAA / AA / Fails).
- Click any swatch in tints, shades, complementary, analogous or triadic to copy that color.
Frequently asked questions
What is a complementary color?
The color directly opposite on the color wheel (180° hue rotation). Used for high contrast and visual interest.
What does WCAG contrast mean?
Contrast ratio between text and background. WCAG AA requires 4.5:1 for body text, AAA requires 7:1. The tool labels each contrast as Fails / AA / AAA.
What are tints and shades?
Tints are the color mixed with white (lighter). Shades are mixed with black (darker). The tool shows 5 of each.
Are 3 digit hex codes and alpha supported?
Yes. #abc expands to #aabbcc. 8-digit codes like #ff0000cc include an alpha channel.