COLORS

MONOCHROME

Black
#000000
hsl(000 000% 000%)
rgb(000 000 000)

Gray 05
#0d0d0d
hsl(000 000% 005%)
rgb(013 013 013)

Gray 10
#1a1a1a
hsl(000 000% 010%)
rgb(026 026 026)

Gray 15
#262626
hsl(000 000% 015%)
rgb(038 038 038)

Gray 20
#333333
hsl(000 000% 020%)
rgb(051 051 051)

Gray 25
#404040
hsl(000 000% 025%)
rgb(064 064 064)

Gray 30
#4d4d4d
hsl(000 000% 030%)
rgb(077 077 077)

Gray 35
#595959
hsl(000 000% 035%)
rgb(089 089 089)

Gray 40
#666666
hsl(000 000% 040%)
rgb(102 102 102)

Gray 45
#737373
hsl(000 000% 045%)
rgb(115 115 115)

Gray 50
#808080
hsl(000 000% 050%)
rgb(128 128 128)

Gray 55
#8c8c8c
hsl(000 000% 055%)
rgb(140 140 140)

Gray 60
#999999
hsl(000 000% 060%)
rgb(153 153 153)

Gray 65
#a6a6a6
hsl(000 000% 065%)
rgb(166 166 166)

Gray 70
#b3b3b3
hsl(000 000% 070%)
rgb(179 179 179)

Gray 75
#bfbfbf
hsl(000 000% 075%)
rgb(191 191 191)

Gray 80
#cccccc
hsl(000 000% 080%)
rgb(204 204 204)

Gray 85
#d9d9d9
hsl(000 000% 085%)
rgb(217 217 217)

Gray 90
#e6e6e6
hsl(000 000% 090%)
rgb(230 230 230)

Gray 95
#f2f2f2
hsl(000 000% 095%)
rgb(242 242 242)

White
#ffffff
hsl(000 000% 100%)
rgb(255 255 255)

HUE

Red
#ff0000
hsl(000 100% 050%)
rgb(255 000 000)

Orange
#ff8000
hsl(030 100% 050%)
rgb(255 128 000)

Yellow
#ffff00
hsl(060 100% 050%)
rgb(255 255 000)

Chartreuse
#80ff00
hsl(090 100% 050%)
rgb(128 255 000)

Green
#00ff00
hsl(120 100% 050%)
rgb(000 255 000)

Spring
#00ff80
hsl(150 100% 050%)
rgb(000 255 128)

Cyan
#00ffff
hsl(180 100% 050%)
rgb(000 255 255)

Azure
#0080ff
hsl(210 100% 050%)
rgb(000 128 255)

Blue
#0000ff
hsl(240 100% 050%)
rgb(000 000 255)

Violet
#8000ff
hsl(270 100% 050%)
rgb(128 000 255)

Magenta
#ff00ff
hsl(300 100% 050%)
rgb(255 000 255)

Rose
#ff0080
hsl(330 100% 050%)
rgb(255 000 128)

COLOR PALETTE, % = HSL Lightness

COLOR PALETTE RAINBOW

The rainbow has no definite number of physical colours, but seven are traditionally listed. Below is a commonly used list of seven colors in the order seen in a rainbow. Computer screens cannot show them precisely but can make colors that look similar.

The Rainbow colors are: Red, Orange, Yellow, Green, Blue, Indigo, Violet.

Variant

Simplified

COLOR SYNTAX IN CSS Exemples of half-transparent red:
Hexadecimal (RRGGBBAA): #ff000080
HSL: hsla(0, 100%, 50%, 50%) = hsl( 0 100% 50% / .5)
RGB: rgba(255, 0, 0, 50%) = rgb( 255 0 0 / .5) = rgb( 100% 0% 0% / 50%)

% → HEX VALUE 000% → 00
005% → 0D
010% → 1A
015% → 26
020% → 33
025% → 40
030% → 4D
035% → 59
040% → 66
045% → 73
050% → 80
055% → 8C
060% → 99
065% → A6
070% → B3
075% → BF
080% → CC
085% → D9
090% → E6
095% → F2
100% → FF

FF is number written in hex mode. That number represent 255 in decimal. For example, if you want 42% to calculate you need to find 42% of numbeer 255 and convert that number to hex. 255 * 0.42 ~= 107 107 to hex is "6B
-- maleta (2016-12-27 10:32:28Z, License: CC BY-SA 3.0)
source

LINKS

Various links to useful resources.