Farver – HTML og CSS

Farver på internettet skabes vha. blandinger af grundfarver, oftest rød, grøn og blå (kaldet RGB). En farves "intensitet" eller "andel" i blandingen sættes som en værdi mellem 0 (ingen) og 255 (maksimal). Sættet RGB(0,0,0) giver sort, da ingen farver er synlige (alles intensiteter er 0); sættet RGB(255,255,255) giver hvid, da alle farver udstråles maksimalt samtidig.

Da der er 256 mulige intensister for hver af 3 farver, er der 256 x 256 x 256 = 16777216, altså over 16½ millioner mulige farvekombinationer at bruge af.

I kode på internettet angives farver vha. deres farvekode. Det kan være RGB(255,255,255) eller det tilsvarende omskrevet til hexadecimaltal, fx #ffffff. Enkelte typiske farver har desuden fået et farve-"navn", der kan benyttes som hurtig genvej, fx white.

Herunder en Color Picker (farvevælger), hvori enhver farve kan vælges og dens farvekode kopieres. Farvetabellerne derunder oplister alle farver med et farvenavn (af typen x11) sammen med deres farvekoder i både RGB- og hex-format.

Color picker

Vælg din farve og kopiér farvekoden

Farver med farvenavne

Farver med farvenavne, der kan bruges i koden i stedet for en farvekode. Vist med farvenavn, hex-farvekode og RGB-farvekode

Lyserøde nuancer

`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)`

Røde nuancer

`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 nuancer

`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 )`

Gule nuancer

`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 )`

Brune nuancer

`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 )`

Grønne nuancer

`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 )`

Turkis nuancer

`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)`

Blå nuancer

`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)`

Lilla nuancer

`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` og `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)`

Hvide nuancer

`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)`

Sorte nuancer

`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 )`