Color Picker & Converter

This tool supports conversion between HEX (Hexadecimal), RGB (Red, Green, Blue), HSL (Hue, Saturation, Lightness), HSV (Hue, Saturation, Value), and CMYK (Cyan, Magenta, Yellow, Key/Black).

The contrast checker calculates the relative luminance of your selected color against pure white (#FFFFFF) and pure black (#000000). It then displays the WCAG 2.0 contrast ratio, letting you know if the color combination passes the AA (4.5:1) or AAA (7:1) accessibility standards for text.

HEX (Hexadecimal) is a 6-digit alphanumeric code used primarily in web design to represent colors. It defines the mix of Red, Green, and Blue (RGB) on a scale from 00 to FF.

RGB defines colors based on the amount of Red, Green, and Blue light. HSL defines colors intuitively based on Hue (the color type), Saturation (how vivid it is), and Lightness (how dark or light it is).

CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard color model used in physical printing. You should convert your web colors to CMYK before sending designs to a printer.

Good contrast ensures that text is readable against its background, which is crucial for visually impaired users. It is a key requirement of the Web Content Accessibility Guidelines (WCAG).

WCAG AA is the standard legal requirement for most websites, requiring a contrast ratio of at least 4.5:1 for normal text. AAA is a stricter standard, requiring a 7:1 ratio for highly accessible sites.

Each format displayed on our tool has a quick "Copy" button right next to it. Clicking it will instantly copy the formatted text (like rgb(255, 0, 0)) to your clipboard.

Currently, this tool uses a visual spectrum picker. If you need a color from an image, we recommend using the eyedropper tool built into most modern browser developer tools (F12).

Yes! The color conversion math happens completely locally in your browser. No data or color choices are ever sent to our servers.