Coders' Guidebook
Web development Android apps Software development

Colour picker and table

Colour is vital to making attractive websites and applications. This tutorial will explore the two main ways for selecting and using colours in your code.

Colour picker and HEX values

Every colour is associated with a reference value. There are several ways of displaying these values but one of the most common is the hexadecimal (HEX) format.

You can use the below colour picker to find out what the HEX value is for any given colour:

HEX values can be used to style elements in CSS. For example, if you wanted to change the colour of the links on your website then you could use the following CSS code:

a {
    color: #2cc73e;
}

Colour palette and CSS colour names

Using specific colour values is beneficial if you have a specific shade in mind; however, if you intend to use a more common colour then you may prefer to use its name instead. Below is a full list of the colours you can refer to by name:

AliceBlue

AntiqueWhite

Aqua

Aquamarine

Azure

Beige

Bisque

Black

BlanchedAlmond

Blue

BlueViolet

Brown

BurlyWood

CadetBlue

Chartreuse

Chocolate

Coral

CornflowerBlue

Cornsilk

Crimson

Cyan

DarkBlue

DarkCyan

DarkGoldenRod

DarkGray

DarkGrey

DarkGreen

DarkKhaki

DarkMagenta

DarkOliveGreen

Darkorange

DarkOrchid

DarkRed

DarkSalmon

DarkSeaGreen

DarkSlateBlue

DarkSlateGray

DarkSlateGrey

DarkTurquoise

DarkViolet

DeepPink

DeepSkyBlue

DimGray

DimGrey

DodgerBlue

FireBrick

FloralWhite

ForestGreen

Fuchsia

Gainsboro

GhostWhite

Gold

GoldenRod

Grey

Green

GreenYellow

HoneyDew

HotPink

IndianRed

Indigo

Ivory

Khaki

Lavender

LavenderBlush

LawnGreen

LemonChiffon

LightBlue

LightCoral

LightCyan

LightGoldenRodYellow

LightGrey

LightGreen

LightPink

LightSalmon

LightSeaGreen

LightSkyBlue

LightSlateGray

LightSlateGrey

LightSteelBlue

LightYellow

Lime

LimeGreen

Linen

Magenta

Maroon

MediumAquaMarine

MediumBlue

MediumOrchid

MediumPurple

MediumSeaGreen

MediumSlateBlue

MediumSpringGreen

MediumTurquoise

MediumVioletRed

MidnightBlue

MintCream

MistyRose

Moccasin

NavajoWhite

Navy

OldLace

Olive

OliveDrab

Orange

OrangeRed

Orchid

PaleGoldenRod

PaleGreen

PaleTurquoise

PaleVioletRed

PapayaWhip

PeachPuff

Peru

Pink

Plum

PowderBlue

Purple

Red

RosyBrown

RoyalBlue

SaddleBrown

Salmon

SandyBrown

SeaGreen

SeaShell

Sienna

Silver

SkyBlue

SlateBlue

SlateGray

SlateGrey

Snow

SpringGreen

SteelBlue

Tan

Teal

Thistle

Tomato

Turquoise

Violet

Wheat

White

WhiteSmoke

Yellow

YellowGreen

<<< Previous