Farver – HTML og CSS

Colours on the internet are created as mixes of the base colours, most often red, green and blue (called RGB). The "intensity" or "saturation" of a certain colour in the mixture is set as a value between 0 (none) and 255 (maximum). The set RGB(0,0,0) gives black colour since no colours are visible (all intensities are 0); the set RGB(255,255,255) gives white colour since all colours are shining out to their maximum extend simultaneously.

With 256 possible intensities for each of 3 base colours, there are 256 x 256 x 256 = 16777216, that is more than 16½ million possible colour combinations to use.

In code on the internet, colours are defined with their respective colour code. That can be RGB(255,255,255) or the equivalent version rewritten in hexadecimal numbers, such as #ffffff. Certain typical colours have furthermore gotten a colour "name" that may be used as a quick shortcut, such as white.

Below you will find a colour-picker tool, with which any colour can be chosen and its colour code can then be copied. The colour tables below that list all colours that have a colour name (type x11) along with their colour codes in both RGB and hex. format

Color picker

Pick a colour and copy the colour code

Colours with colour names

Colours with colour names that may be used in code in place of a colour code. Shown with colour name, hex. colour code as well as RGB colour code.

Pink shades

`pink`	`#ffc0cB`	`RGB(255,192,203)`
`lightpink`	`#ffb6c1`	`RGB(255,182,193)`
`hotpink`	`#ff69b4`	`RGB(255,105,180)`
`deeppink`	`#ff1493`	`RGB(255, 20,147)`
`palevioletred`	`#db7093`	`RGB(219,112,147)`
`mediumvioletred`	`#c71585`	`RGB(199, 21,133)`

Red shades

`lightsalmon`	`#ffa07a`	`RGB(255,160,122)`
`salmon`	`#fa8072`	`RGB(250,128,114)`
`darksalmon`	`#e9967a`	`RGB(233,150,122)`
`lightcoral`	`#f08080`	`RGB(240,128,128)`
`indianred`	`#cd5c5c`	`RGB(205, 92, 92)`
`crimson`	`#dc143c`	`RGB(220, 20, 60)`
`firebrick`	`#b22222`	`RGB(178, 34, 34)`
`darkred`	`#8b0000`	`RGB(139, 0 , 0 )`
`red`	`#ff0000`	`RGB(255, 0 , 0 )`

Orange shades

`orangered`	`#ff4500`	`RGB(255, 69, 0 )`
`tomato`	`#ff6347`	`RGB(255, 99, 71)`
`coral`	`#ff7f50`	`RGB(255,127, 08)`
`darkorange`	`#ff8c00`	`RGB(255,140, 0 )`
`orange`	`#ffa500`	`RGB(255,165, 0 )`

Yellow shades

`yellow`	`#ffff00`	`RGB(255,255, 0 )`
`lightyellow`	`#ffffe0`	`RGB(255,255,224)`
`lemonchiffon`	`#fffacd`	`RGB(255,250,205)`
`lightgoldenrodyellow`	`#fafad2`	`RGB(250,250,210)`
`papayawhip`	`#ffefd5`	`RGB(255,239,213)`
`moccasin`	`#ffe4b5`	`RGB(255,228,181)`
`peachpuff`	`#ffdab9`	`RGB(255,218,185)`
`palegoldenrod`	`#eee8aa`	`RGB(238,232,170)`
`khaki`	`#f0e68c`	`RGB(240,230,140)`
`darkkhaki`	`#bdb76b`	`RGB(189,183,107)`
`gold`	`#ffd700`	`RGB(255,215, 0 )`

Brown shades

`cornsilk`	`#fff8dc`	`RGB(255,248,220)`
`blanchedalmond`	`#ffebcd`	`RGB(255,235,205)`
`bisque`	`#ffe4c4`	`RGB(255,228,196)`
`navajowhite`	`#ffdead`	`RGB(255,222,173)`
`wheat`	`#f5deb3`	`RGB(245,222,179)`
`burlywood`	`#deb887`	`RGB(222,184,135)`
`tan`	`#d2b48c`	`RGB(210,180,140)`
`rosybrown`	`#bc8f8f`	`RGB(188,143,143)`
`sandybrown`	`#f4a460`	`RGB(244,164, 96)`
`goldenrod`	`#daa520`	`RGB(218,165, 32)`
`darkgoldenrod`	`#b8860b`	`RGB(184,134, 11)`
`peru`	`#cd853f`	`RGB(205,133, 63)`
`chocolate`	`#d2691e`	`RGB(210,105, 30)`
`saddlebrown`	`#8b4513`	`RGB(139, 69, 19)`
`sienna`	`#a0522d`	`RGB(160, 82, 45)`
`brown`	`#a52a2a`	`RGB(165, 42, 42)`
`maroon`	`#800000`	`RGB(128, 0 , 0 )`

Green shades

`darkolivegreen`	`#556b2f`	`RGB( 85,107, 47)`
`olive`	`#808000`	`RGB(128,128, 0 )`
`olivedrab`	`#6b8e23`	`RGB(107,142, 35)`
`yellowgreen`	`#9acd32`	`RGB(154,205, 50)`
`limegreen`	`#32cd32`	`RGB( 50,205, 50)`
`lime`	`#00ff00`	`RGB( 0 ,255, 0 )`
`lawngreen`	`#7cfc00`	`RGB(124,252, 0 )`
`chartreuse`	`#7fff00`	`RGB(127,255, 0 )`
`greenyellow`	`#adff2f`	`RGB(173,255, 47)`
`springgreen`	`#00ff7f`	`RGB( 0 ,255,127)`
`mediumspringgreen`	`#00fa9a`	`RGB( 0 ,250,154)`
`lightgreen`	`#90ee90`	`RGB(144,238,144)`
`palegreen`	`#98fb98`	`RGB(152,251,152)`
`darkseagreen`	`#8fbc8f`	`RGB(143,188,143)`
`mediumaquamarine`	`#66cdaa`	`RGB(102,205,170)`
`mediumseagreen`	`#3cb371`	`RGB( 60,179,113)`
`seagreen`	`#2e8b57`	`RGB( 46,139, 87)`
`forestgreen`	`#228b22`	`RGB( 34,139, 34)`
`green`	`#008000`	`RGB( 0 ,128, 0 )`
`darkgreen`	`#006400`	`RGB( 0 ,100, 0 )`

Turquoise shades

`cyan` or `aqua`	`#00ffff`	`RGB( 0 ,255,255)`
`lightcyan`	`#e0ffff`	`RGB(244,255,255)`
`paleturquoise`	`#afeeee`	`RGB(175,238,238)`
`aquamarine`	`#7fffd4`	`RGB(127,255,212)`
`turquoise`	`#40e0d0`	`RGB( 64,224,208)`
`mediumturquoise`	`#48d1cc`	`RGB( 72,209,204)`
`darkturquoise`	`#00ced1`	`RGB( 0 ,206,209)`
`lightseagreen`	`#20b2aa`	`RGB( 32,178,170)`
`cadetblue`	`#5f9ea0`	`RGB( 95,158,160)`
`darkcyan`	`#008b8b`	`RGB( 0 ,139,139)`
`teal`	`#008080`	`RGB( 0 ,128,128)`

Blue shades

`lightsteelblue`	`#b0c4de`	`RGB(176,196,222)`
`powderblue`	`#b0e0e6`	`RGB(176,224,230)`
`lightblue`	`#add8e6`	`RGB(173,216,230)`
`skyblue`	`#87ceeb`	`RGB(135,206,235)`
`lightskyblue`	`#87cefa`	`RGB(135,206,250)`
`deepskyblue`	`#00bfff`	`RGB( 0 ,191,255)`
`dodgerblue`	`#1e90ff`	`RGB( 30,144,255)`
`cornflowerblue`	`#6495ed`	`RGB(100,149,237)`
`steelblue`	`#4682b4`	`RGB( 70,130,180)`
`royalblue`	`#4169e1`	`RGB( 65,105,225)`
`blue`	`#0000ff`	`RGB( 0 , 0 ,255)`
`mediumblue`	`#0000cd`	`RGB( 0 , 0 ,205)`
`darkblue`	`#00008b`	`RGB( 0 , 0 ,139)`
`navy`	`#000080`	`RGB( 0 , 0 ,128)`
`midnightblue`	`#191970`	`RGB( 25, 25, 112)`

Purple shades

`lavender`	`#e6e6fa`	`RGB(230,230,250)`
`thistle`	`#d8bfd8`	`RGB(216,191,216)`
`plum`	`#dda0dd`	`RGB(221,160,221)`
`violet`	`#ee82ee`	`RGB(238,130,238)`
`orchid`	`#da70d6`	`RGB(218,112,214)`
`fuchsia` and `magenta`	`#ff00ff`	`RGB(255, 0 ,255)`
`mediumorchid`	`#ba55d3`	`RGB(186, 85,211)`
`mediumpurple`	`#9370db`	`RGB(147,112,219)`
`blueviolet`	`#8a2be2`	`RGB(138, 43,226)`
`darkviolet`	`#9400d3`	`RGB(148, 0 ,211)`
`darkorchid`	`#9932cc`	`RGB(153, 50,204)`
`darkmagenta`	`#8b008b`	`RGB(139, 0 ,139)`
`purple`	`#800080`	`RGB(128, 0 ,128)`
`indigo`	`#4b0082`	`RGB( 75, 0 ,130)`
`darkslateblue`	`#483d8b`	`RGB( 72, 61,139)`
`slateblue`	`#6a5acd`	`RGB(106, 90,205)`
`mediumslateblue`	`#7b68ee`	`RGB(123,104,238)`

White shades

`white`	`#ffffff`	`RGB(255,255,255)`
`snow`	`#fffafa`	`RGB(255,250,250)`
`honeydew`	`#f0fff0`	`RGB(240,255,240)`
`mintcream`	`#f5fffa`	`RGB(245,255,250)`
`azure`	`#f0ffff`	`RGB(240,255,255)`
`aliceblue`	`#f0f8ff`	`RGB(240,248,255)`
`ghostwhite`	`#f8f8ff`	`RGB(248,248,255)`
`whitesmoke`	`#f5f5f5`	`RGB(245,245,245)`
`seashell`	`#fff5ee`	`RGB(255,245,238)`
`beige`	`#f5f5dc`	`RGB(245,245,220)`
`oldlace`	`#fdf5e6`	`RGB(253,245,230)`
`floralwhite`	`#fffaf0`	`RGB(255,250,240)`
`ivory`	`#fffff0`	`RGB(255,255,240)`
`antiquewhite`	`#faebd7`	`RGB(250,235,215)`
`linen`	`#faf0e6`	`RGB(250,240,230)`
`lavenderblush`	`#fff0f5`	`RGB(255,240,245)`
`mistyrose`	`#ffe4e1`	`RGB(255,228,225)`

Black shades

`gainsboro`	`#dcdcdc`	`RGB(220,220,220)`
`lightgray`	`#d3d3d3`	`RGB(211,211,211)`
`silver`	`#c0c0c0`	`RGB(192,192,192)`
`darkgray`	`#a9a9a9`	`RGB(169,169,169)`
`gray`	`#808080`	`RGB(128,128,128)`
`dimgray`	`#696969`	`RGB(105,105,105)`
`lightslategray`	`#778899`	`RGB(119,136,153)`
`slategray`	`#708090`	`RGB(112,128,144)`
`darkslategray`	`#2f4f4f`	`RGB( 47, 79, 79)`
`black`	`#000000`	`RGB( 0 , 0 , 0 )`