vixutilColour tools

Colour

Colour tools

Palettes, contrast and CSS code — all running in your browser.

Palette

Colour Palette GeneratorPull colours that work with a base colour, by rule Colour Shades GeneratorTurn one colour into a 50–900 scale Colour MixerFind the colour between two colours Random Colour GeneratorLock the ones you like, reroll the rest

Accessibility

Colour Contrast CheckerCheck text legibility against WCAG Colour Blindness SimulatorHow a colour looks with colour vision deficiency

CSS

CSS Gradient GeneratorBuild a CSS gradient from two or three colours CSS Box Shadow GeneratorAdjust box-shadow while watching the result

Convert

Colour Name FinderWhat is the closest name to this colour Colour Temperature ConverterSee what a Kelvin value actually looks like

110 Named Colours — hex, RGB, contrast

Look up a colour by name and get its hex code, RGB, HSL and CMYK values, text contrast, complement and shade scale on one page

Reds

Red#FF0000 Crimson#DC143C Scarlet#FF2400 Ruby#9B111E Cherry#D2042D Rose#FF007F Maroon#800000 Burgundy#800020 Brick red#CB4154 Vermilion#E34234 Coral#FF7F50 Salmon#FA8072

Oranges

Orange#FFA500 Tangerine#F28500 Apricot#FBCEB1 Amber#FFBF00 Peach#FFDAB9 Carrot orange#ED9121 Pumpkin#FF7518 Rust#B7410E Terracotta#E2725B

Yellows

Yellow#FFFF00 Gold#FFD700 Lemon#FFF700 Mustard#FFDB58 Cream#FFFDD0 Ivory#FFFFF0 Khaki#F0E68C Honey#EB9605 Corn yellow#FBEC5D Canary#FFFF99

Greens

Green#008000 Lime#00FF00 Olive#808000 Emerald#50C878 Mint#98FF98 Jade#00A86B Forest green#228B22 Sage#9CAF88 Moss green#8A9A5B Teal#008080 Turquoise#40E0D0 Pistachio#93C572 Avocado#568203 Spring green#00FF7F

Blues

Blue#0000FF Navy#000080 Sky blue#87CEEB Azure#007FFF Cobalt blue#0047AB Sapphire#0F52BA Cerulean#007BA7 Indigo#4B0082 Denim#1560BD Steel blue#4682B4 Powder blue#B0E0E6 Royal blue#4169E1 Midnight blue#191970 Aquamarine#7FFFD4 Cyan#00FFFF Periwinkle#CCCCFF

Purples

Purple#800080 Violet#EE82EE Lavender#E6E6FA Lilac#C8A2C8 Plum#8E4585 Orchid#DA70D6 Amethyst#9966CC Mauve#E0B0FF Eggplant#614051 Grape#6F2DA8 Wisteria#C9A0DC Byzantium#702963

Pinks

Pink#FFC0CB Hot pink#FF69B4 Blush#DE5D83 Magenta#FF00FF Peony#ED5B84 Bubblegum#FFC1CC Cherry blossom#FFB7C5 Watermelon#FC6C85 Raspberry#E30B5C

Browns

Brown#A52A2A Chocolate#7B3F00 Coffee#6F4E37 Caramel#C68E17 Tan#D2B48C Beige#F5F5DC Camel#C19A6B Walnut#773F1A Sepia#704214 Sand#C2B280

Neutrals

Black#000000 White#FFFFFF Gray#808080 Silver#C0C0C0 Charcoal#36454F Slate gray#708090 Ash gray#B2BEB5 White smoke#F5F5F5 Pearl#EAE0C8 Snow#FFFAFA Graphite#41424C Taupe#483C32

Metallics

Bronze#CD7F32 Copper#B87333 Brass#B5A642 Platinum#E5E4E2 Rose gold#B76E79 Gunmetal#2A3439

🎨 Everything runs in your browser. No install, no sign-up.