Color

These tools carry you from picking a palette through to checking accessibility after implementation. Along with conversion between RGB, HEX, HSL, HSV, and CMYK and a colour picker, you can check contrast ratios against WCAG thresholds, simulate colour vision deficiency, browse web-standard and Material Design palettes, extract dominant colours from an image, and flatten a semi-transparent RGBA colour onto a background.

RGB ⇄ Hex Color Code Converter — Free, No Sign-Up

Convert RGB decimal values to hex color codes and back, instantly. Handy for CSS, design tools, and quick color code lookups — free, no sign-up required.

Color Model Converter (RGB, HSL, HSV, CMYK)

Enter a HEX color code or pick one with the color picker to instantly convert it into RGB, HSL, HSV (HSB), and CMYK values, all shown side by side.

Contrast Ratio Checker (WCAG Compliance Check)

Enter two colors to calculate the WCAG (Web Content Accessibility Guidelines) contrast ratio and check compliance with the AA and AAA standards.

Color Blindness Simulator

Free tool that simulates how a color appears to people with protanopia, deuteranopia, or tritanopia (color vision deficiency).

Color Palette Reference — Copy Standard Web & Material Design Colors

A reference collection of go-to design palettes — standard web colors, the Material Design color system, and a grayscale ramp — each with a HEX code and a one-click copy button.

Extract Colors from an Image (Dominant Color Extractor)

Upload an image to automatically extract its dominant colors — the representative colors used in a photo or illustration. All processing happens entirely in your browser; the image is never sent to a server.

RGBA to RGB Converter (Flatten onto a Background)

Enter a semi-transparent foreground color (RGBA) and a background color to calculate the flattened, opaque RGB color produced by alpha blending the two, for use as a fallback where rgba() is not supported.