Color selection

HEX (#3498DB) is a compact hexadecimal representation of RGB. RGB (52, 152, 219) uses three numbers from 0 to 255 for red, green, and blue. Both formats describe the same color; only the notation differs.

HSL (Hue, Saturation, Lightness) consists of hue (0–360°), saturation, and lightness. HSV (Value instead of Lightness) is a similar model that’s more commonly used in design software. Both are more intuitive to work with than RGB.

WCAG requires a contrast ratio of ≥4.5:1 for regular text and ≥3:1 for large text. For example, blue #3498DB has a contrast ratio of 2.88:1 on white—not enough for small text. The tool shows contrast vs. white and vs. black backgrounds.

This tool currently accepts HEX input. To convert RGB to HEX, use the Color Converter tool.

RGBA adds a fourth component to RGB: the alpha channel (opacity from 0 to 1). rgba(52, 152, 219, 0.5) is the same blue, but with 50% opacity. Used in CSS for semi-transparent elements.