Color
HEX, RGB, HSL
R
G
B
H°
S%
L%
135°
Gradient PreviewAnimated Preview
Frequently Asked Questions
What are the different color formats?
Common formats include HEX (#FF5733), RGB (255, 87, 51), HSL (14°, 100%, 60%), and RGBA/HSLA with alpha for transparency.
When should I use HEX vs RGB vs HSL?
HEX is compact for CSS. RGB is intuitive for mixing colors. HSL is best for adjusting brightness/saturation while keeping the same hue.
What is color contrast ratio?
Contrast ratio measures the difference in luminance between two colors. WCAG requires 4.5:1 for normal text and 3:1 for large text for accessibility.