Free Color & Design Tools
Free color tools for designers and front-end developers. Convert a HEX code to RGB and HSL (and back), and check whether two colors meet WCAG accessibility contrast ratios for AA and AAA. Each tool shows a live swatch and the exact values you can paste straight into CSS, and explains the conversion or the contrast formula it uses. Everything runs in your browser — no sign-up, no uploads.
Which tool should you use?
- Color Picker
- Pick a colour visually and read its hex, RGB, and HSL values.
- Color Converter
- Convert a colour between hex, RGB, HSL, HSV, and CMYK.
- HEX to RGB Converter
- Turn a hex code into RGB values (or use rgb-to-hex for the reverse).
- Color Contrast Checker
- Check whether two colours meet WCAG accessibility contrast.
- Color Shades & Tints Generator
- Build a tint-and-shade palette from one base colour.
- Image Color Picker
- Sample exact colours from an uploaded image.
A Color Contrast Checker ensures your text is readable against its background by calculating the WCAG 2.x contrast ratio and verifying compliance with accessibility standards. Perfect for web designers and developers building inclusive interfaces.
Type a color in HEX, RGB, or HSL and instantly see it in every common format — HEX, RGB, HSL, HSV, and CMYK — each with a copy button and a live swatch.
Pick a color with a visual picker, fine-tune it, and copy the exact HEX, RGB, HSL, HSV, and CMYK codes — with a large live preview of your choice.
Enter a base color and instantly get a ramp of lighter tints and darker shades, each with a copyable HEX code — perfect for building consistent palettes.
Convert HEX color codes (#RRGGBB or shorthand #RGB) into RGB values instantly. This tool displays RGB output, HSL equivalents, and a live color preview—all in your browser, with no uploads.
Upload an image and instantly extract its dominant color palette plus the overall average color, each shown as a swatch with a copyable HEX code.
Upload an image and click anywhere on it to read the exact color of that pixel as a HEX and RGB code, with a swatch and copy button.
Generate a random color with one click and instantly copy its HEX, RGB, and HSL codes. A big swatch shows the color, and you can spin up a small random palette for quick design inspiration.
RGB to HEX is a free color converter that transforms Red-Green-Blue values into hexadecimal color codes. Enter three numbers (0-255 each) and instantly see the HEX code, HSL equivalent, and a live color preview. All conversions happen in your browser—nothing is uploaded.
Related guides
Frequently asked questions
Do you support HEX, RGB, and HSL?
Yes. You can convert HEX to RGB and back, and see the HSL equivalent with a live colour swatch.
What is the contrast checker for?
It computes the WCAG contrast ratio between two colours and tells you whether they pass AA and AAA for accessible text.
Can I use the outputs in CSS?
Yes. Outputs are ready to paste into CSS — for example #RRGGBB, rgb(), and hsl() values.