Color Tools: Picker, Palette, HEX to RGB

CSS Gradient Generator

Free CSS gradient generator. Create linear and radial gradients with multiple color stops. Adjust angles, preview live, and copy CSS code instantly.

CSS Box Shadow Generator

Build multi-layer box shadows with inset, blur and spread, plus border radius. Live preview and copyable CSS.

Color Palette Generator

Free color palette generator. Create color schemes using complementary, triadic, tetradic, analogous, and split-complementary harmonies. Export as CSS or array.

Color Picker

Free color picker and converter. Pick colors visually and convert between HEX, RGB, HSL, and CMYK. View complementary colors and recent picks.

WCAG Contrast Checker

Check the contrast ratio between two colors against WCAG AA/AAA thresholds for text and backgrounds.

APCA Contrast Checker

APCA Lc beside the WCAG 2.2 contrast ratio for a text and background color.

Best Colours to Wear

Flattering clothing colours for your hair, eyes and skin, with the method shown. No photo, no email.

12-Season Colour Analysis Quiz

12 questions, no photo or email: your colour season, a runner-up and palettes.

Hair Colour Level Finder

Find your hair level 1-10 from a swatch or hex colour, with the pigment that shows when lifting.

Shirt and Tie Color Combinations

Ranked tie colours for your suit, shirt and occasion, with shirt-to-tie value contrast and shoe and belt matching.

Skin Tone Hex Finder

Nearest Monk Skin Tone Scale swatch, depth and undertone for a hex code.

Hex to RGB Converter

HEX to RGB with a live swatch and copy buttons.

RGB to Hex Converter

RGB to HEX with a live swatch and copy buttons.

Hex to HSL Converter

HEX to HSL with a live swatch and copy buttons.

HSL to RGB Converter

HSL to RGB with a live swatch and copy buttons.

RGB to HSL Converter

RGB to HSL with a live swatch and copy buttons.

RGB to CMYK Converter

RGB to CMYK with a live swatch and copy buttons.

CMYK to RGB Converter

CMYK to RGB with a live swatch and copy buttons.

Hex to CMYK Converter

HEX to CMYK with a live swatch and copy buttons.

CSS Color Name to Hex Converter

CSS color name to HEX with a live swatch and copy buttons.

Skin Undertone Test

Five-question warm, cool, neutral or olive undertone quiz with a confidence note and an optional CIELAB hue-angle check.

Toner Picker for Orange, Yellow and Brassy Hair

Neutralising colour from the colour wheel, and when the hair must be lifted first.

What Colour Goes With It?

Pick a garment and its colour, get ranked matching colours with an outfit mock-up and lightness-contrast hints.

Best Colours for Blue eyes and blonde hair

The best clothing colours for blue eyes and blonde hair: 10 flattering shades and 4 to avoid, with the reasoning shown. Change skin tone and undertone to refine it…

Best Colours for Blue eyes and brown hair

The best clothing colours for blue eyes and brown hair: 10 flattering shades and 4 to avoid, with the reasoning shown. Change skin tone and undertone to refine it. Free…

Best Colours for Brown eyes and black hair

The best clothing colours for brown eyes and black hair: 10 flattering shades and 4 to avoid, with the reasoning shown. Change skin tone and undertone to refine it…

Best Colours for Green eyes and brown hair

The best clothing colours for green eyes and brown hair: 10 flattering shades and 4 to avoid, with the reasoning shown. Change skin tone and undertone to refine it…

Best Colours for Green eyes and red hair

The best clothing colours for green eyes and red hair: 10 flattering shades and 4 to avoid, with the reasoning shown. Change skin tone and undertone to refine it. Free…

Best Colours for Hazel eyes and brown hair

The best clothing colours for hazel eyes and brown hair: 10 flattering shades and 4 to avoid, with the reasoning shown. Change skin tone and undertone to refine it…

Bright Spring Color Palette: Swatches and Hex Codes

Bright Spring colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

Bright Winter Color Palette: Swatches and Hex Codes

Bright Winter colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

Color Blindness Simulator

See any color or image the way people with protanopia, deuteranopia, or tritanopia see it. Free client-side color blindness simulator using the…

Cool Summer Color Palette: Swatches and Hex Codes

Cool Summer colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

Cool Winter Color Palette: Swatches and Hex Codes

Cool Winter colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

Deep Autumn Color Palette: Swatches and Hex Codes

Deep Autumn colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

Deep Winter Color Palette: Swatches and Hex Codes

Deep Winter colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

Light Spring Color Palette: Swatches and Hex Codes

Light Spring colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

Light Summer Color Palette: Swatches and Hex Codes

Light Summer colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

Soft Autumn Color Palette: Swatches and Hex Codes

Soft Autumn colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

Soft Summer Color Palette: Swatches and Hex Codes

Soft Summer colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

True Summer vs Light Summer: Colour Season Palette Compare

Compare any two of the 12 colour seasons side by side, such as True Summer vs Light Summer or Deep vs Dark Winter, with measured lightness, chroma and warmth in CIELAB.

Warm Autumn Color Palette: Swatches and Hex Codes

Warm Autumn colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.

Warm Spring Color Palette: Swatches and Hex Codes

Warm Spring colour palette with six hex swatches, measured lightness, chroma and warmth, and how it differs from the neighbouring seasons. Runs in your browser.