Pick any color, paste any format. Instantly convert between HEX, RGB, HSL, HSV, CMYK and more — plus palettes, contrast, gradients, and all 148 CSS colors.
Note: Colors may render differently across devices, monitors, and operating systems due to variations in display calibration, color profiles, and rendering engines. For print work, always verify CMYK values with physical proofs. For accessibility, always test contrast in real browser environments.
Frequently Asked Questions
How do I convert HEX to RGB?
Enter or pick a color in HEX format (e.g. #FF5733) and the tool instantly shows the RGB equivalent. Split the 6-digit hex into three 2-character pairs and convert each from base-16 to decimal to get Red (0–255), Green (0–255), Blue (0–255).
What color formats can I paste?
The smart input auto-detects: #RGB, #RRGGBB, #RRGGBBAA, rgb(r,g,b), rgba(r,g,b,a), hsl(h,s%,l%), hsla(h,s%,l%,a), and all 148 CSS named colors (e.g. tomato, rebeccapurple).
What is HSL vs HSV?
Both use Hue (0–360°). HSL (Lightness): L=0% is black, L=100% is white, L=50% is the pure color. HSV (Value): V=0% is black, V=100% is the full-brightness color. CSS uses HSL natively. HSV is common in color pickers because it maps naturally to a saturation/brightness gradient.
What is WCAG contrast ratio?
WCAG contrast ratio measures legibility. Normal text needs 4.5:1 for AA, 7:1 for AAA. Large text (18px+ or 14px bold) needs 3:1 for AA, 4.5:1 for AAA. The contrast tab checks both levels automatically.
How does the gradient builder work?
Set 2–3 color stops with hex values and percentage positions. Choose linear or radial, set the angle (for linear), and click "Copy CSS" to get a ready-to-paste background: linear-gradient(...) string.