Color Codes

Color codes & references

Every CSS named colour, full charts, shades and tints of any colour, and the game colour codes people search for most — Minecraft, Roblox and Discord. All free, all instant.

CSS Named Colors

All 140 named colours with HEX, RGB and HSL values. Click to copy any code.

Minecraft Color Codes

The § colour and format codes for chat, signs, books and motd.

Roblox Color Codes

BrickColor names with their RGB values for Lua and Studio.

Discord Colors

Role colours and the official Discord brand palette with hex codes.

Tailwind Color Chart

The full Tailwind palette with every shade and its hex value.

Shades of Every Color

Shades, tints and tones of red, blue, green, pink and more.

Popular lookups
Sage green hex Baby blue hex Rose gold Navy blue Teal Coral Burgundy Terracotta Beige Mint green Lavender Mustard yellow Shades of red Shades of blue Shades of green Shades of pink Shades of orange Shades of purple Shades of brown Shades of gray CSS color names Hex color chart RGB codes HSL codes CMYK codes Teal vs turquoise Maroon vs burgundy Navy vs royal blue Gray vs grey Pastel palette All palettes → Earth tone palette Sunset palette Retro palette Spotify colors Twitch colors YouTube colors Netflix colors

What are color codes?

A colour code is simply a way to write down an exact colour so a computer can reproduce it. On the web the common formats are HEX (like #3b82f6), RGB, HSL and the modern OKLCH. Apps and games often have their own systems too — Minecraft uses § codes, Roblox uses named BrickColors, and Discord uses hex for role colours.

This section collects the references people look up most, organised by what you're after. The CSS named colours list covers all 140 keywords browsers understand. The game and app pages — Minecraft, Roblox, Discord — give you the exact codes those platforms expect. The Tailwind chart and format charts (RGB, HSL, CMYK) are quick visual references, and the individual colour pages cover shades, palettes and "what's the difference" comparisons.

Most pages here include a one-click download of the colours as a ready-made CSS file, so you can drop a whole palette straight into a project. Need to find a colour rather than look one up? Use the colour picker, convert between any two formats, or pull a palette from a photo with the image picker.

Color tools

Color Picker →
Pick visually, get every code.
Converter →
Convert between any formats.
Contrast Checker →
WCAG AA/AAA pass-fail.
Color-Blindness Sim →
See palettes through 8 CVD types.