CSS-Farbcodes und -namen.
Der Farbcode kann einer der folgenden sein:
Hex-Format: #rrggbb
RGB-Format: rgb (rot, grün, blau)
Namensformat: Name
Für orange Farbe:
Hex-Format: #FFA500
RGB-Format: rgb(255,165,0)
Namensformat: orange
Für bestimmtes Element:
<element style="color: code;"></element>
Für alle Elemente des gleichen Typs. Fügen Sie den Code in das Tag <style> im Head-Bereich ein:
<style>
element { color: code; }
</style>
Textfarbe des Absatzes auf Rot setzen:
Einstellen der Farbe eines bestimmten Absatzes:
<p style="color: #FF0000;">Some text ...</p>
Sicht:
Etwas Text ...
Farbe aller Absätze einstellen
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Hintergrundfarbe des Absatzes auf Rot setzen:
Einstellen der Hintergrundfarbe eines bestimmten Absatzes:
<p style="background: #FF0000;">Some text ...</p>
Sicht:
Etwas Text ...
Hintergrundfarbe aller Absätze einstellen:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Einstellen der Absatzrandfarbe auf Rot, Grün, Blau und Schwarz:
Rahmenfarbe eines bestimmten Absatzes einstellen:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Sicht:
Etwas Text ...
Rahmenfarbe aller Absätze einstellen:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
Lichtlachs | #FFA07A | RGB(255.160.122) | |
Lachs | #FA8072 | RGB(250.128.114) | |
Dunkellachs | #E9967A | RGB(233.150.122) | |
hellkoralle | #F08080 | RGB(240.128.128) | |
indischrot | #CD5C5C | rgb(205,92,92) | |
Purpur | #DC143C | rgb(220,20,60) | |
Schamottstein | #B22222 | RGB(178,34,34) | |
rot | #FF0000 | RGB(255,0,0) | |
Dunkelrot | #8B0000 | RGB(139,0,0) |
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
Koralle | #FF7F50 | RGB(255,127,80) | |
Tomate | #FF6347 | RGB(255,99,71) | |
Orange Rot | #FF4500 | RGB(255,69,0) | |
Gold | #FFD700 | RGB(255,215,0) | |
Orange | #FFA500 | RGB(255,165,0) | |
dunkelorange | #FF8C00 | RGB(255,140,0) |
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
hellgelb | #FFFFE0 | RGB(255.255.224) | |
Zitronenchiffon | #FFFACD | RGB(255.250.205) | |
hellgoldrutegelb | #FAFAD2 | rgb(250,250,210) | |
Papayapeitsche | #FFEFD5 | RGB(255.239.213) | |
Mokassin | #FFE4B5 | RGB(255.228.181) | |
Pfirsich | #FFDAB9 | RGB(255.218.185) | |
Blassgoldrute | #EEE8AA | RGB(238.232.170) | |
khaki | #F0E68C | rgb(240,230,140) | |
dunkelkhaki | #BDB76B | RGB(189.183.107) | |
gelb | #FFFF00 | RGB(255,255,0) |
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
rasengrün | #7CFC00 | RGB(124,252,0) | |
gelbgrün | #7FFF00 | RGB(127,255,0) | |
hellgrün | #32CD32 | RGB(50,205,50) | |
Limette | #00FF00 | rgb(0.255.0) | |
Waldgrün | #228B22 | RGB(34,139,34) | |
grün | #008000 | RGB(0,128,0) | |
dunkelgrün | #006400 | RGB(0,100,0) | |
Grün Gelb | #ADFF2F | RGB(173,255,47) | |
Gelbgrün | #9ACD32 | RGB(154,205,50) | |
Frühlingsgrün | #00FF7F | RGB(0,255,127) | |
mittelfrühlingsgrün | #00FA9A | RGB(0,250,154) | |
hellgrün | #90EE90 | RGB(144.238.144) | |
blasses Grün | #98FB98 | RGB(152.251.152) | |
dunkelmeergrün | #8FBC8F | RGB(143.188.143) | |
mittelmeergrün | #3CB371 | RGB(60.179.113) | |
Meeresgrün | #2E8B57 | RGB(46,139,87) | |
Olive | #808000 | RGB(128,128,0) | |
dunkelolivgrün | #556B2F | RGB(85,107,47) | |
Olivgrün | #6B8E23 | RGB(107,142,35) |
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
hellcyan | #E0FFFF | RGB(224.255.255) | |
cyan | #00FFFF | RGB(0,255,255) | |
Aqua | #00FFFF | RGB(0,255,255) | |
Aquamarin | #7FFFD4 | RGB(127.255.212) | |
mittelaquamarin | #66CDAA | RGB(102.205.170) | |
helltürkis | #AFEEEE | RGB(175.238.238) | |
Türkis | #40E0D0 | RGB(64.224.208) | |
mitteltürkis | #48D1CC | RGB(72.209.204) | |
dunkeltürkis | #00CED1 | RGB(0,206,209) | |
hellmeergrün | #20B2AA | RGB(32.178.170) | |
Kadettenblau | #5F9EA0 | RGB(95.158.160) | |
dunkelcyan | #008B8B | RGB(0,139,139) | |
blaugrün | #008080 | RGB(0,128,128) |
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
puderblau | #B0E0E6 | RGB(176.224.230) | |
hellblau | #ADD8E6 | RGB(173.216.230) | |
hellhimmelblau | #87CEFA | RGB(135.206.250) | |
Himmelblau | #87CEEB | RGB(135.206.235) | |
tiefhimmelblau | #00BFFF | RGB(0,191,255) | |
hellstahlblau | #B0C4DE | RGB(176.196.222) | |
dodgerblau | #1E90FF | RGB(30.144.255) | |
Kornblumenblau | #6495ED | RGB(100.149.237) | |
Stahlblau | #4682B4 | rgb(70.130.180) | |
Königsblau | #4169E1 | RGB(65.105.225) | |
blau | #0000FF | RGB(0,0,255) | |
Mittelblau | #0000CD | RGB(0,0,205) | |
Dunkelblau | #00008B | RGB(0,0,139) | |
Marine | #000080 | RGB(0,0,128) | |
Mitternachtsblau | #191970 | RGB(25,25,112) | |
mittelschieferblau | #7B68EE | RGB(123.104.238) | |
schieferblau | #6A5ACD | RGB(106,90,205) | |
dunkelschieferblau | #483D8B | RGB(72,61,139) |
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
Lavendel | #E6E6FA | rgb(230,230,250) | |
Distel | #D8BFD8 | RGB(216.191.216) | |
Pflaume | #DDA0DD | RGB(221.160.221) | |
violett | #EE82EE | RGB(238.130.238) | |
Orchidee | #DA70D6 | RGB(218.112.214) | |
Fuchsie | #FF00FF | RGB(255,0,255) | |
Magenta | #FF00FF | RGB(255,0,255) | |
mittlere Orchidee | #BA55D3 | RGB(186,85,211) | |
mittelviolett | #9370DB | RGB(147.112.219) | |
Blau Violett | #8A2BE2 | RGB(138,43,226) | |
dunkelviolett | #9400D3 | RGB(148,0,211) | |
dunkle Orchidee | #9932CC | RGB(153,50,204) | |
dunkelmagenta | #8B008B | RGB(139,0,139) | |
Violett | #800080 | RGB(128,0,128) | |
Indigo | #4B0082 | RGB(75,0,130) |
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
Rosa | #FFC0CB | RGB(255.192.203) | |
Hell-Pink | #FFB6C1 | RGB(255.182.193) | |
pink | #FF69B4 | rgb(255,105,180) | |
Dunkelrosa | #FF1493 | rgb(255,20,147) | |
blassviolettrot | #DB7093 | RGB(219.112.147) | |
mittelviolettrot | #C71585 | RGB(199,21,133) |
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
Weiß | #FFFFFF | RGB(255.255.255) | |
Schnee | #FFFAFA | RGB(255.250.250) | |
Honigtau | #F0FFF0 | RGB(240.255.240) | |
Minzcreme | #F5FFFA | RGB(245.255.250) | |
azurblau | #F0FFFF | RGB(240.255.255) | |
Alice blau | #F0F8FF | RGB(240.248.255) | |
geisterweiß | #F8F8FF | RGB(248.248.255) | |
weißer Rauch | #F5F5F5 | RGB(245.245.245) | |
Muschel | #FFF5EE | RGB(255.245.238) | |
Beige | #F5F5DC | RGB(245.245.220) | |
altmodisch | #FDF5E6 | RGB(253.245.230) | |
floralweiß | #FFFAF0 | RGB(255.250.240) | |
Elfenbein | #FFFFF0 | RGB(255.255.240) | |
Altweiß | #FAEBD7 | RGB(250.235.215) | |
Leinen- | #FAF0E6 | RGB(250.240.230) | |
lavendelrot | #FFF0F5 | RGB(255.240.245) | |
Mistyrose | #FFE4E1 | RGB(255.228.225) |
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
Gainsboro | #DCDCDC | rgb(220,220,220) | |
hellgrau | #D3D3D3 | RGB(211,211,211) | |
Silber- | #C0C0C0 | RGB(192,192,192) | |
dunkelgrau | #A9A9A9 | RGB(169,169,169) | |
grau | #808080 | RGB(128,128,128) | |
dunkelgrau | #696969 | RGB(105,105,105) | |
lichtschiefergrau | #778899 | RGB(119,136,153) | |
Schiefer grau | #708090 | RGB(112.128.144) | |
dunkelschiefergrau | #2F4F4F | RGB(47,79,79) | |
Schwarz | #000000 | RGB(0,0,0) |
Farbe | HTML/CSS- Farbname |
Hex-Code #RRGGBB |
Dezimalcode (R,G,B) |
---|---|---|---|
Maisseide | #FFF8DC | RGB(255.248.220) | |
blanchierte Mandel | #FFEBCD | RGB(255.235.205) | |
Biskuit | #FFE4C4 | RGB(255.228.196) | |
Navajoweiß | #FFDEAD | RGB(255.222.173) | |
Weizen | #F5DEB3 | RGB(245.222.179) | |
kräftiges Holz | #DEB887 | RGB(222.184.135) | |
bräunen | #D2B48C | rgb(210,180,140) | |
rosabraun | #BC8F8F | RGB(188.143.143) | |
sandbraun | #F4A460 | RGB(244,164,96) | |
Goldrute | #DAA520 | RGB(218,165,32) | |
Peru | #CD853F | rgb(205,133,63) | |
Schokolade | #D2691E | rgb(210,105,30) | |
sattelbraun | #8B4513 | RGB(139,69,19) | |
Siena | #A0522D | rgb(160,82,45) | |
braun | #A52A2A | RGB(165,42,42) | |
kastanienbraun | #800000 | RGB(128,0,0) |
Unser CSS-Farbcode-Tool ermöglicht den Benutzern CSS-Farbcodes. Einige der herausragenden Funktionen dieses Dienstprogramms werden im Folgenden erläutert.
Die benutzerfreundliche Oberfläche unseres CSS-Farbcode-Tools bietet Ihnen die Möglichkeit, diese Konvertierung sofort durchzuführen. Aufgrund der Einfachheit dieses Tools müssen Sie sich keine Programmierkenntnisse mehr für CSS-Farbcodes aneignen.
Sie müssen keinen Registrierungsprozess durchlaufen, um die CSS-Farbcodes zu verwenden. Mit diesem Dienstprogramm können Sie das CSS-Farbcode-Tool so oft verwenden, wie Sie möchten, kostenlos.
Auf diese CSS-Farbcodes kann von jedem Winkel der Welt aus zugegriffen werden. Sie müssen sich keine Gedanken über die Kompatibilität dieses Online-Tools machen, da Sie damit von jedem Gerät aus Farbcodes CSS erstellen können. Alles, was Sie brauchen, ist eine Internetverbindung, um auf dieses CSS-Farbcode-Tool zuzugreifen und es zu verwenden.
Mit den CSS-Farbcodes können Sie dieselbe Aufgabe sofort erledigen. Sie werden nicht aufgefordert, manuellen Verfahren zu folgen, da die automatisierten Algorithmen die Arbeit für Sie erledigen.
Das CSS-Farbcode-Tool funktioniert perfekt auf allen Betriebssystemen. Egal, ob Sie ein Mac-, iOS-, Android-, Windows- oder Linux-Gerät haben, Sie können dieses Online-Dienstprogramm einfach und ohne Probleme verwenden.
Sie müssen keinen Registrierungsprozess durchlaufen, um dieses CSS-Farbcode-Tool zu verwenden. Sie können dieses Dienstprogramm kostenlos verwenden und unbegrenzt CSS-Farbcodes ohne Einschränkungen erstellen.