Hoppa till innehåll
Färgkoder

HTML-färgnamn

Referens

Alla 148 namngivna HTML-färger med hexkod och RGB-värde. Klicka på en färg för att kopiera koden.

Röda HTML-färger

#FFA07A LightSalmon #FFA07A rgb(255, 160, 122) #FA8072 Salmon #FA8072 rgb(250, 128, 114) #E9967A DarkSalmon #E9967A rgb(233, 150, 122) #F08080 LightCoral #F08080 rgb(240, 128, 128) #CD5C5C IndianRed #CD5C5C rgb(205, 92, 92) #DC143C Crimson #DC143C rgb(220, 20, 60) #FF0000 Red #FF0000 rgb(255, 0, 0) #B22222 FireBrick #B22222 rgb(178, 34, 34) #8B0000 DarkRed #8B0000 rgb(139, 0, 0)

Orange HTML-färger

#FFA500 Orange #FFA500 rgb(255, 165, 0) #FF8C00 DarkOrange #FF8C00 rgb(255, 140, 0) #FF7F50 Coral #FF7F50 rgb(255, 127, 80) #FF6347 Tomato #FF6347 rgb(255, 99, 71) #FF4500 OrangeRed #FF4500 rgb(255, 69, 0)

Gula HTML-färger

#FFD700 Gold #FFD700 rgb(255, 215, 0) #FFFF00 Yellow #FFFF00 rgb(255, 255, 0) #FFFFE0 LightYellow #FFFFE0 rgb(255, 255, 224) #FFFACD LemonChiffon #FFFACD rgb(255, 250, 205) #FAFAD2 LightGoldenRodYellow #FAFAD2 rgb(250, 250, 210) #FFEFD5 PapayaWhip #FFEFD5 rgb(255, 239, 213) #FFE4B5 Moccasin #FFE4B5 rgb(255, 228, 181) #FFDAB9 PeachPuff #FFDAB9 rgb(255, 218, 185) #EEE8AA PaleGoldenRod #EEE8AA rgb(238, 232, 170) #F0E68C Khaki #F0E68C rgb(240, 230, 140) #BDB76B DarkKhaki #BDB76B rgb(189, 183, 107)

Gröna HTML-färger

#ADFF2F GreenYellow #ADFF2F rgb(173, 255, 47) #7FFF00 Chartreuse #7FFF00 rgb(127, 255, 0) #7CFC00 LawnGreen #7CFC00 rgb(124, 252, 0) #00FF00 Lime #00FF00 rgb(0, 255, 0) #32CD32 LimeGreen #32CD32 rgb(50, 205, 50) #98FB98 PaleGreen #98FB98 rgb(152, 251, 152) #90EE90 LightGreen #90EE90 rgb(144, 238, 144) #00FA9A MediumSpringGreen #00FA9A rgb(0, 250, 154) #00FF7F SpringGreen #00FF7F rgb(0, 255, 127) #3CB371 MediumSeaGreen #3CB371 rgb(60, 179, 113) #2E8B57 SeaGreen #2E8B57 rgb(46, 139, 87) #228B22 ForestGreen #228B22 rgb(34, 139, 34) #008000 Green #008000 rgb(0, 128, 0) #006400 DarkGreen #006400 rgb(0, 100, 0) #9ACD32 YellowGreen #9ACD32 rgb(154, 205, 50) #6B8E23 OliveDrab #6B8E23 rgb(107, 142, 35) #556B2F DarkOliveGreen #556B2F rgb(85, 107, 47) #66CDAA MediumAquaMarine #66CDAA rgb(102, 205, 170) #8FBC8F DarkSeaGreen #8FBC8F rgb(143, 188, 143) #20B2AA LightSeaGreen #20B2AA rgb(32, 178, 170) #808000 Olive #808000 rgb(128, 128, 0)

Turkosa HTML-färger

#00FFFF Aqua #00FFFF rgb(0, 255, 255) #00FFFF Cyan #00FFFF rgb(0, 255, 255) #E0FFFF LightCyan #E0FFFF rgb(224, 255, 255) #AFEEEE PaleTurquoise #AFEEEE rgb(175, 238, 238) #7FFFD4 Aquamarine #7FFFD4 rgb(127, 255, 212) #40E0D0 Turquoise #40E0D0 rgb(64, 224, 208) #48D1CC MediumTurquoise #48D1CC rgb(72, 209, 204) #00CED1 DarkTurquoise #00CED1 rgb(0, 206, 209) #008B8B DarkCyan #008B8B rgb(0, 139, 139) #008080 Teal #008080 rgb(0, 128, 128)

Blåa HTML-färger

#5F9EA0 CadetBlue #5F9EA0 rgb(95, 158, 160) #4682B4 SteelBlue #4682B4 rgb(70, 130, 180) #B0C4DE LightSteelBlue #B0C4DE rgb(176, 196, 222) #ADD8E6 LightBlue #ADD8E6 rgb(173, 216, 230) #B0E0E6 PowderBlue #B0E0E6 rgb(176, 224, 230) #87CEFA LightSkyBlue #87CEFA rgb(135, 206, 250) #87CEEB SkyBlue #87CEEB rgb(135, 206, 235) #6495ED CornflowerBlue #6495ED rgb(100, 149, 237) #00BFFF DeepSkyBlue #00BFFF rgb(0, 191, 255) #1E90FF DodgerBlue #1E90FF rgb(30, 144, 255) #4169E1 RoyalBlue #4169E1 rgb(65, 105, 225) #0000FF Blue #0000FF rgb(0, 0, 255) #0000CD MediumBlue #0000CD rgb(0, 0, 205) #00008B DarkBlue #00008B rgb(0, 0, 139) #000080 Navy #000080 rgb(0, 0, 128) #191970 MidnightBlue #191970 rgb(25, 25, 112)

Lila HTML-färger

#E6E6FA Lavender #E6E6FA rgb(230, 230, 250) #D8BFD8 Thistle #D8BFD8 rgb(216, 191, 216) #DDA0DD Plum #DDA0DD rgb(221, 160, 221) #DA70D6 Orchid #DA70D6 rgb(218, 112, 214) #EE82EE Violet #EE82EE rgb(238, 130, 238) #FF00FF Fuchsia #FF00FF rgb(255, 0, 255) #FF00FF Magenta #FF00FF rgb(255, 0, 255) #BA55D3 MediumOrchid #BA55D3 rgb(186, 85, 211) #9932CC DarkOrchid #9932CC rgb(153, 50, 204) #9400D3 DarkViolet #9400D3 rgb(148, 0, 211) #8A2BE2 BlueViolet #8A2BE2 rgb(138, 43, 226) #8B008B DarkMagenta #8B008B rgb(139, 0, 139) #800080 Purple #800080 rgb(128, 0, 128) #9370DB MediumPurple #9370DB rgb(147, 112, 219) #7B68EE MediumSlateBlue #7B68EE rgb(123, 104, 238) #6A5ACD SlateBlue #6A5ACD rgb(106, 90, 205) #483D8B DarkSlateBlue #483D8B rgb(72, 61, 139) #663399 RebeccaPurple #663399 rgb(102, 51, 153) #4B0082 Indigo #4B0082 rgb(75, 0, 130)

Rosa HTML-färger

#FFC0CB Pink #FFC0CB rgb(255, 192, 203) #FFB6C1 LightPink #FFB6C1 rgb(255, 182, 193) #FF69B4 HotPink #FF69B4 rgb(255, 105, 180) #FF1493 DeepPink #FF1493 rgb(255, 20, 147) #DB7093 PaleVioletRed #DB7093 rgb(219, 112, 147) #C71585 MediumVioletRed #C71585 rgb(199, 21, 133)

Bruna HTML-färger

#FFF8DC Cornsilk #FFF8DC rgb(255, 248, 220) #FFEBCD BlanchedAlmond #FFEBCD rgb(255, 235, 205) #FFE4C4 Bisque #FFE4C4 rgb(255, 228, 196) #FFDEAD NavajoWhite #FFDEAD rgb(255, 222, 173) #F5DEB3 Wheat #F5DEB3 rgb(245, 222, 179) #DEB887 BurlyWood #DEB887 rgb(222, 184, 135) #D2B48C Tan #D2B48C rgb(210, 180, 140) #BC8F8F RosyBrown #BC8F8F rgb(188, 143, 143) #F4A460 SandyBrown #F4A460 rgb(244, 164, 96) #DAA520 GoldenRod #DAA520 rgb(218, 165, 32) #B8860B DarkGoldenRod #B8860B rgb(184, 134, 11) #CD853F Peru #CD853F rgb(205, 133, 63) #D2691E Chocolate #D2691E rgb(210, 105, 30) #8B4513 SaddleBrown #8B4513 rgb(139, 69, 19) #A0522D Sienna #A0522D rgb(160, 82, 45) #A52A2A Brown #A52A2A rgb(165, 42, 42) #800000 Maroon #800000 rgb(128, 0, 0)

Vita HTML-färger

#FFFFFF White #FFFFFF rgb(255, 255, 255) #FFFAFA Snow #FFFAFA rgb(255, 250, 250) #F0FFF0 HoneyDew #F0FFF0 rgb(240, 255, 240) #F5FFFA MintCream #F5FFFA rgb(245, 255, 250) #F0FFFF Azure #F0FFFF rgb(240, 255, 255) #F0F8FF AliceBlue #F0F8FF rgb(240, 248, 255) #F8F8FF GhostWhite #F8F8FF rgb(248, 248, 255) #F5F5F5 WhiteSmoke #F5F5F5 rgb(245, 245, 245) #FFF5EE SeaShell #FFF5EE rgb(255, 245, 238) #F5F5DC Beige #F5F5DC rgb(245, 245, 220) #FDF5E6 OldLace #FDF5E6 rgb(253, 245, 230) #FFFAF0 FloralWhite #FFFAF0 rgb(255, 250, 240) #FFFFF0 Ivory #FFFFF0 rgb(255, 255, 240) #FAEBD7 AntiqueWhite #FAEBD7 rgb(250, 235, 215) #FAF0E6 Linen #FAF0E6 rgb(250, 240, 230) #FFF0F5 LavenderBlush #FFF0F5 rgb(255, 240, 245) #FFE4E1 MistyRose #FFE4E1 rgb(255, 228, 225)

Gråa HTML-färger

#DCDCDC Gainsboro #DCDCDC rgb(220, 220, 220) #D3D3D3 LightGray #D3D3D3 rgb(211, 211, 211) #C0C0C0 Silver #C0C0C0 rgb(192, 192, 192) #A9A9A9 DarkGray #A9A9A9 rgb(169, 169, 169) #808080 Gray #808080 rgb(128, 128, 128) #696969 DimGray #696969 rgb(105, 105, 105) #778899 LightSlateGray #778899 rgb(119, 136, 153) #708090 SlateGray #708090 rgb(112, 128, 144) #2F4F4F DarkSlateGray #2F4F4F rgb(47, 79, 79) #000000 Black #000000 rgb(0, 0, 0) #808080 Grey #808080 rgb(128, 128, 128) #A9A9A9 DarkGrey #A9A9A9 rgb(169, 169, 169) #696969 DimGrey #696969 rgb(105, 105, 105) #D3D3D3 LightGrey #D3D3D3 rgb(211, 211, 211) #708090 SlateGrey #708090 rgb(112, 128, 144) #778899 LightSlateGrey #778899 rgb(119, 136, 153) #2F4F4F DarkSlateGrey #2F4F4F rgb(47, 79, 79)

Så använder du HTML-färgnamn

HTML- och CSS-färgnamn är fördefinierade ord som motsvarar en exakt hexkod. De är praktiska när du snabbt vill sätta en färg utan att slå upp koden – skriv bara namnet som färgvärde. Namnen är skiftlägesoberoende och pekar alltid på samma fasta hexvärde, så Tomato och tomato ger identisk färg.

Sätt en färg direkt i ett HTML-element med en inline-stil:

<p style="color:Tomato">Den här texten blir tomatröd.</p>

Eller använd namnet i en CSS-regel, precis som vilken färg som helst:

.knapp {
  background-color: SteelBlue;
  border: 2px solid MidnightBlue;
}

Behöver du en färg som inte finns bland de 148 namnen använder du en hexkod eller ett RGB-värde i stället. Vill du förstå hur färgerna hänger ihop hittar du mer i vår guide till färgteori.

Vanliga frågor

Hur många namngivna HTML-färger finns det?

Det finns 148 namngivna färger i HTML och CSS. De definieras av W3C och stöds av alla moderna webbläsare. Vissa namn pekar på exakt samma färg – till exempel ger Aqua och Cyan båda #00FFFF, precis som Fuchsia och Magenta ger #FF00FF.

Kan jag använda färgnamn i CSS?

Ja. Du kan skriva färgnamnet direkt som ett värde, till exempel color: Tomato eller background-color: SteelBlue. Namnet fungerar överallt där en färg förväntas och motsvarar alltid en fast hexkod.

Är HTML-färgnamn skiftlägeskänsliga?

Nej. Färgnamn är skiftlägesoberoende, så Tomato, tomato och TOMATO ger exakt samma färg. Vi skriver dem med versal begynnelsebokstav (CamelCase) för läsbarhetens skull, men CSS bryr sig inte om skiftläget.

Vad är skillnaden mellan färgnamn och hexkod?

Ett färgnamn som RoyalBlue är bara ett lättläst alias för en hexkod (#4169E1) – de beskriver samma färg. Namnen är begränsade till 148 fördefinierade färger, medan hexkoder kan uttrycka alla 16,7 miljoner färger. Använd namn för snabba prototyper och hex när du behöver en exakt nyans.