Farben in CSS lassen sich auf drei Arten angeben: als HEX-Code wie #ff6347, als RGB-Wert wie rgb(255, 99, 71) oder als CSS-Farbname wie tomato. Alle drei beschreiben exakt dieselbe Farbe – welche Schreibweise du verwendest, ist Geschmackssache. Diese Palette zeigt dir die gebräuchlichsten Webfarben sortiert nach Farbton, jeweils mit allen drei Angaben. Praktisch zum Nachschlagen, wenn du eine Farbe aus dem Kopf nicht mehr genau weißt oder gezielt nach einem passenden Ton suchst. Und wenn du eine ganz eigene Wunschfarbe mischen möchtest, hilft dir der Farbmischer am Ende der Seite.
• Grau •
Blau •
Braun •
Grün •
Orange •
Rot •
Violett •
Gelb •
Farbmischer •
Schwarz · Grau · Weiß
#000000rgb(0, 0, 0)black
#0A0A0Argb(10, 10, 10)—
#141414rgb(20, 20, 20)—
#1E1E1Ergb(30, 30, 30)—
#282828rgb(40, 40, 40)—
#2F4F4Frgb(47, 79, 79)darkslategray
#3C3C3Crgb(60, 60, 60)—
#505050rgb(80, 80, 80)—
#696969rgb(105, 105, 105)dimgray
#708090rgb(112, 128, 144)slategray
#778899rgb(119, 136, 153)lightslategray
#808080rgb(128, 128, 128)gray
#909090rgb(144, 144, 144)—
#A9A9A9rgb(169, 169, 169)darkgray
#B4B4B4rgb(180, 180, 180)—
#C0C0C0rgb(192, 192, 192)silver
#C8C8C8rgb(200, 200, 200)—
#D3D3D3rgb(211, 211, 211)lightgray
#DCDCDCrgb(220, 220, 220)gainsboro
#E4E4E4rgb(228, 228, 228)—
#EBEBEBrgb(235, 235, 235)—
#F0F0F0rgb(240, 240, 240)—
#F5F5F5rgb(245, 245, 245)whitesmoke
#FAFAFArgb(250, 250, 250)—
#FFFFFFrgb(255, 255, 255)white
• Grau •
Blau •
Braun •
Grün •
Orange •
Rot •
Violett •
Gelb •
Farbmischer •
Blau
#191970rgb(25, 25, 112)midnightblue
#483D8Brgb(72, 61, 139)darkslateblue
#00008Brgb(0, 0, 139)darkblue
#0000CDrgb(0, 0, 205)mediumblue
#0000FFrgb(0, 0, 255)blue
#008B8Brgb(0, 139, 139)darkcyan
#4169E1rgb(65, 105, 225)royalblue
#4682B4rgb(70, 130, 180)steelblue
#5F9EA0rgb(95, 158, 160)cadetblue
#6A5ACDrgb(106, 90, 205)slateblue
#00CED1rgb(0, 206, 209)darkturquoise
#1E90FFrgb(30, 144, 255)dodgerblue
#20B2AArgb(32, 178, 170)lightseagreen
#00BFFFrgb(0, 191, 255)deepskyblue
#6495EDrgb(100, 149, 237)cornflowerblue
#7B68EErgb(123, 104, 238)mediumslateblue
#48D1CCrgb(72, 209, 204)mediumturquoise
#40E0D0rgb(64, 224, 208)turquoise
#00FFFFrgb(0, 255, 255)cyan / aqua
#7FFFD4rgb(127, 255, 212)aquamarine
#87CEEBrgb(135, 206, 235)skyblue
#87CEFArgb(135, 206, 250)lightskyblue
#ADD8E6rgb(173, 216, 230)lightblue
#B0C4DErgb(176, 196, 222)lightsteelblue
#B0E0E6rgb(176, 224, 230)powderblue
• Grau •
Blau •
Braun •
Grün •
Orange •
Rot •
Violett •
Gelb •
Farbmischer •
Braun
#8B4513rgb(139, 69, 19)SaddleBrown
#A52A2Argb(165, 42, 42)brown
#FF4040rgb(255, 64, 64)brown1
#EE3B3Brgb(238, 59, 59)brown2
#CD3333rgb(205, 51, 51)brown3
#8B2323rgb(139, 34, 34)brown4
#BC8F8Frgb(188, 143, 143)RosyBrown
#EE8D8Drgb(238, 141, 141)RosyBrown2
#CD7575rgb(205, 117, 117)RosyBrown3
#8B4F4Frgb(139, 79, 79)RosyBrown4
#F4A460rgb(244, 164, 96)SandyBrown
#D2691Ergb(210, 105, 30)chocolate
#FF7F24rgb(255, 127, 36)chocolate1
#CD6616rgb(205, 102, 22)chocolate3
#8B4513rgb(139, 69, 19)chocolate4
#CD853Frgb(205, 133, 63)peru
#DEB887rgb(222, 184, 135)burlywood
#FFD39Brgb(255, 211, 155)burlywood1
#CDAA7Drgb(205, 170, 125)burlywood3
#8B7355rgb(139, 115, 85)burlywood4
#D2B48Crgb(210, 180, 140)tan
#FFA54Frgb(255, 165, 79)tan1
#EE9A49rgb(238, 154, 73)tan2
#CD853Frgb(205, 133, 63)tan3
#8B5A2Brgb(139, 90, 43)tan4
#F5F5DCrgb(245, 245, 220)beige
• Grau •
Blau •
Braun •
Grün •
Orange •
Rot •
Violett •
Gelb •
Farbmischer •
Grün
#006400rgb(0, 100, 0)darkgreen
#556B2Frgb(85, 107, 47)darkolivegreen
#008000rgb(0, 128, 0)green
#808000rgb(128, 128, 0)olive
#228B22rgb(34, 139, 34)forestgreen
#2E8B57rgb(46, 139, 87)seagreen
#6B8E23rgb(107, 142, 35)olivedrab
#3CB371rgb(60, 179, 113)mediumseagreen
#008B8Brgb(0, 139, 139)darkcyan
#20B2AArgb(32, 178, 170)lightseagreen
#8FBC8Frgb(143, 188, 143)darkseagreen
#32CD32rgb(50, 205, 50)limegreen
#9ACD32rgb(154, 205, 50)yellowgreen
#00FF00rgb(0, 255, 0)lime
#66CDAArgb(102, 205, 170)mediumaquamarine
#7CFC00rgb(124, 252, 0)lawngreen
#7FFF00rgb(127, 255, 0)chartreuse
#ADFF2Frgb(173, 255, 47)greenyellow
#00FA9Argb(0, 250, 154)mediumspringgreen
#00FF7Frgb(0, 255, 127)springgreen
#7FFFD4rgb(127, 255, 212)aquamarine
#90EE90rgb(144, 238, 144)lightgreen
#98FB98rgb(152, 251, 152)palegreen
#F0FFF0rgb(240, 255, 240)honeydew
#F5FFFArgb(245, 255, 250)mintcream
• Grau •
Blau •
Braun •
Grün •
Orange •
Rot •
Violett •
Gelb •
Farbmischer •
Orange
#800000rgb(128, 0, 0)maroon
#8B4513rgb(139, 69, 19)saddlebrown
#A0522Drgb(160, 82, 45)sienna
#B22222rgb(178, 34, 34)firebrick
#B8860Brgb(184, 134, 11)darkgoldenrod
#D2691Ergb(210, 105, 30)chocolate
#CD853Frgb(205, 133, 63)peru
#FF4500rgb(255, 69, 0)orangered
#FF6347rgb(255, 99, 71)tomato
#DAA520rgb(218, 165, 32)goldenrod
#FF8C00rgb(255, 140, 0)darkorange
#FFA500rgb(255, 165, 0)orange
#E9967Argb(233, 150, 122)darksalmon
#F4A460rgb(244, 164, 96)sandybrown
#FFD700rgb(255, 215, 0)gold
#FA8072rgb(250, 128, 114)salmon
#FFA07Argb(255, 160, 122)lightsalmon
#DEB887rgb(222, 184, 135)burlywood
#F5DEB3rgb(245, 222, 179)wheat
#FFE4B5rgb(255, 228, 181)moccasin
#FFEBCDrgb(255, 235, 205)blanchedalmond
#FFE4C4rgb(255, 228, 196)bisque
#FFDEADrgb(255, 222, 173)navajowhite
#FFEFD5rgb(255, 239, 213)papayawhip
#FFFACDrgb(255, 250, 205)lemonchiffon
• Grau •
Blau •
Braun •
Grün •
Orange •
Rot •
Violett •
Gelb •
Farbmischer •
Rot
#4D0000rgb(77, 0, 0)—
#800000rgb(128, 0, 0)maroon
#8B0000rgb(139, 0, 0)darkred
#B22222rgb(178, 34, 34)firebrick
#DC143Crgb(220, 20, 60)crimson
#FF0000rgb(255, 0, 0)red
#CD5C5Crgb(205, 92, 92)indianred
#FF4500rgb(255, 69, 0)orangered
#FF6347rgb(255, 99, 71)tomato
#FF7F50rgb(255, 127, 80)coral
#F08080rgb(240, 128, 128)lightcoral
#C71585rgb(199, 21, 133)mediumvioletred
#FF1493rgb(255, 20, 147)deeppink
#FF69B4rgb(255, 105, 180)hotpink
#DB7093rgb(219, 112, 147)palevioletred
#FA8072rgb(250, 128, 114)salmon
#FFA07Argb(255, 160, 122)lightsalmon
#FFB6C1rgb(255, 182, 193)lightpink
#FFC0CBrgb(255, 192, 203)pink
#FFDAB9rgb(255, 218, 185)peachpuff
#FFE4E1rgb(255, 228, 225)mistyrose
#FFF0F5rgb(255, 240, 245)lavenderblush
#FFFAFArgb(255, 250, 250)snow
#FFF5F5rgb(255, 245, 245)—
#FFFFFFrgb(255, 255, 255)white
• Grau •
Blau •
Braun •
Grün •
Orange •
Rot •
Violett •
Gelb •
Farbmischer •
Violett
#4B0082rgb(75, 0, 130)indigo
#483D8Brgb(72, 61, 139)darkslateblue
#800080rgb(128, 0, 128)purple
#8B008Brgb(139, 0, 139)darkmagenta
#9400D3rgb(148, 0, 211)darkviolet
#8A2BE2rgb(138, 43, 226)blueviolet
#9932CCrgb(153, 50, 204)darkorchid
#6A5ACDrgb(106, 90, 205)slateblue
#C71585rgb(199, 21, 133)mediumvioletred
#7B68EErgb(123, 104, 238)mediumslateblue
#9370DBrgb(147, 112, 219)mediumpurple
#BA55D3rgb(186, 85, 211)mediumorchid
#FF00FFrgb(255, 0, 255)magenta / fuchsia
#FF1493rgb(255, 20, 147)deeppink
#DA70D6rgb(218, 112, 214)orchid
#EE82EErgb(238, 130, 238)violet
#DDA0DDrgb(221, 160, 221)plum
#DB7093rgb(219, 112, 147)palevioletred
#FF69B4rgb(255, 105, 180)hotpink
#D8BFD8rgb(216, 191, 216)thistle
#E6E6FArgb(230, 230, 250)lavender
#FFB6C1rgb(255, 182, 193)lightpink
#FFC0CBrgb(255, 192, 203)pink
#FFF0F5rgb(255, 240, 245)lavenderblush
#F8F8FFrgb(248, 248, 255)ghostwhite
• Grau •
Blau •
Braun •
Grün •
Orange •
Rot •
Violett •
Gelb •
Farbmischer •
Gelb
#B8860Brgb(184, 134, 11)DarkGoldenrod
#FFB90Frgb(255, 185, 15)DarkGoldenrod1
#EEAD0Ergb(238, 173, 14)DarkGoldenrod2
#DAA520rgb(218, 165, 32)goldenrod
#FFC125rgb(255, 193, 37)goldenrod1
#EEB422rgb(238, 180, 34)goldenrod2
#CD9B1Drgb(205, 155, 29)goldenrod3
#FFD700rgb(255, 215, 0)gold1
#EEC900rgb(238, 201, 0)gold2
#CDAD00rgb(205, 173, 0)gold3
#8B7500rgb(139, 117, 0)gold4
#FFFF00rgb(255, 255, 0)yellow(1)
#EEEE00rgb(238, 238, 0)yellow2
#CDCD00rgb(205, 205, 0)yellow3
#8B8B00rgb(139, 139, 0)yellow4
#EEDD82rgb(238, 221, 130)Lightgoldenrod
#FFEFD5rgb(255, 239, 213)PapayaWhip
#FFFACDrgb(255, 250, 205)LemonChiffon(1)
#CDC9A5rgb(205, 201, 165)LemonChiffon2
#FFF8DCrgb(255, 248, 220)Cornsilk
#FFEBCDrgb(255, 235, 205)BlanchedAlmond
#FFFFE0rgb(255, 255, 224)Lightyellow
#FFFFF0rgb(255, 255, 240)ivory
#FFE4B5rgb(255, 228, 181)moccasin
#FFDAB9rgb(255, 218, 185)peachpuff
Farbmischer
Klicke ins Farbrad um einen Ton zu wählen – oder ziehe den Regler für Rot, Grün und Blau, um die Farbe feiner einzustellen. Du kannst auch direkt Zahlen (0–255) eingeben oder einen HEX-Code eintippen. Alle Eingaben sind miteinander verknüpft und aktualisieren sich gegenseitig. Den fertigen HEX-Wert kopierst du mit einem Klick auf Kopieren.
• Grau •
Blau •
Braun •
Grün •
Orange •
Rot •
Violett •
Gelb •
Farbmischer •
