Advertise
25 free color tools · no sign-up · nothing uploaded

HTML Color Codes

Pick a color and get its HEX, RGB, HSL and CMYK codes. Browse HTML color names and design palettes, generate color schemes and CSS gradients, and check contrast for accessibility – free, in your browser.

/
HTML Color PickerColor Wheel & HarmoniesImage Color PickerHTML Color NamesMaterial Design ColorsTailwind CSS ColorsHEX to RGBRGB to HEXAll-in-One Color ConverterColor Palette GeneratorCSS Gradient GeneratorContrast Checker

Color picker

Open full picker →

Color Pickers

All 5 →

Pick a color and get its HEX, RGB, HSL and CMYK codes – from a picker, a wheel or a photo.

HTML Color PickerPick any color and copy its HEX, RGB, HSL, HSV and CMYK codes. Color Wheel & HarmoniesFind complementary, analogous, triadic and other matching colors. Image Color PickerUpload a photo and click it to get the color of any pixel. Color Name FinderWhat is this color called? Find the closest HTML color name. Color MixerBlend two colors and get every step in between.

Color Charts

All 5 →

HTML color names, web-safe colors, Material Design, Flat UI and Tailwind CSS palettes.

HTML Color NamesAll 141 HTML / CSS color names with HEX and RGB codes. Web Safe ColorsThe classic 216 web-safe colors in one clickable chart. Material Design ColorsThe Material Design palette: 19 colors, shades 50–900 and accents. Flat UI ColorsThe 20 popular flat UI colors – Turquoise, Emerald, Peter River… Tailwind CSS ColorsThe Tailwind CSS default palette, 22 colors × 11 shades.

Color Converters

All 8 →

Convert HEX, RGB, HSL, HSV, CMYK, Lab and OKLCH color codes in both directions.

HEX to RGBConvert a HEX color code to RGB (and RGBA). RGB to HEXConvert RGB values to a HEX color code. HEX to HSLConvert a HEX code to hue, saturation and lightness. HSL to HEXConvert HSL (hue, saturation, lightness) to a HEX code. RGB to CMYKConvert screen RGB colors to CMYK percentages for print. CMYK to RGBConvert CMYK percentages to RGB and HEX for the screen. HEX with Alpha (RGBA)Add transparency: 8-digit HEX ⇄ rgba() ⇄ hsla(). All-in-One Color ConverterPaste any color code – get HEX, RGB, HSL, HSV, CMYK, Lab, OKLCH…

Palettes & Gradients

All 5 →

Generate color palettes, shades and tints, CSS gradients and random colors.

Color Palette GeneratorPress space to generate beautiful color palettes; lock the colors you like. Shades & Tints GeneratorDarker shades, lighter tints and tones of any color – plus a 50–950 scale. CSS Gradient GeneratorDesign linear, radial and conic gradients and copy the CSS. Random Color GeneratorGet random colors – any, vivid, pastel, light, dark or grey. Palette from ImageExtract the main colors of a photo as a palette.

Accessibility

All 2 →

Check text contrast against WCAG and see colors the way color-blind people do.

Contrast CheckerCheck text and background colors against WCAG AA and AAA. Color Blindness SimulatorSee colors and images as people with color blindness do.

Every color format

HEX, RGB, HSL, HSV, HWB, CMYK, Lab, LCH, OKLab and OKLCH – plus the nearest HTML color name.

Design palettes

Material Design, Tailwind CSS, Flat UI, web-safe colors and all 141 CSS color names.

Accessible by design

WCAG contrast checks with fix suggestions and a color blindness simulator.

Private & instant

Everything runs in your browser. Colors and images are never uploaded.