Convert between HEX, RGB, HSL, HSV, and CMYK instantly.
WCAG AA/AAA compliance check against white and black text.
10 shades from light to dark for your selected color.
Last 12 colors saved for quick access during your session.
#667EEA
rgb(102, 126, 234)
hsl(229, 76%, 66%)
hsv(229, 56%, 92%)
cmyk(56%, 46%, 0%, 8%)
White text: 3.7:1
AA Fail | AAA Fail
Black text: 5.7:1
AA Pass | AAA Fail
Whether you are a web developer working with CSS, a designer creating brand guidelines, or anyone who needs to work with colors, this tool gives you everything in one place. Pick any color visually, get instant conversions to all major formats, check accessibility compliance, and explore shade variations.
Web Content Accessibility Guidelines (WCAG) require minimum contrast ratios for text readability. Level AA requires 4.5:1 for normal text and 3:1 for large text. Level AAA requires 7:1 for normal text. Our built-in contrast checker helps you verify compliance instantly so you can make accessible color choices.
This tool converts between HEX, RGB, HSL, HSV (HSB), and CMYK color formats. All conversions happen in real-time as you pick or adjust colors.
The WCAG contrast checker measures the contrast ratio between your selected color and white/black text. It tells you if the combination passes WCAG AA (4.5:1 for normal text) or AAA (7:1 for enhanced) accessibility standards.
Yes, 100% free with no limits. Pick colors, convert formats, check contrast, and generate shades without signup or payment.
The shade bar shows 10 variations of your selected color from lightest to darkest, adjusting the lightness in HSL color space. Click any shade to select it as your active color.
Yes, your last 12 picked colors are saved in the session. Click any color in the history strip to quickly switch back to it. History resets when you reload the page.
HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value/Brightness) are both cylindrical color models. HSL is more intuitive for CSS, where 50% lightness gives the pure hue. HSV is used in design tools like Photoshop, where 100% value gives the brightest version of the hue.
Explore more free tools to boost your productivity