Hexadezimalzahlen werden verwendet, um Farben anzugeben. Das Hexadezimalsystem basiert im Gegensatz zum Dezimalsystem, wie der Name schon sagt, auf der Zahl 16. Die Zahlen sind die folgenden: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Zahlen von 10 bis 15 werden durch lateinische Buchstaben ersetzt. Zahlen größer als 15 im Hexadezimalsystem werden gebildet, indem zwei Zahlen zu einer kombiniert werden. Beispielsweise entspricht die dezimale Zahl 255 der hexadezimalen Zahl FF. Um Verwechslungen bei der Definition des Zahlensystems zu vermeiden, wird der Hexadezimalzahl die Raute # vorangestellt, zum Beispiel #666999. Jede der drei Farben – Rot, Grün und Blau – kann Werte von 00 bis FF annehmen. Die Farbbezeichnung wird also in drei Bestandteile aufgeteilt #rrggbb, wobei die ersten beiden Zeichen den Rotanteil der Farbe markieren, die beiden mittleren Grün und die letzten beiden Blau. Es ist erlaubt, die abgekürzte Form #rgb zu verwenden, wobei jedes Zeichen zu verdoppeln ist. Daher sollte der Eintrag #fe0 als #ffee00 angesehen werden.
namentlich
Internet Explorer | Chrom | Oper | Safari | Feuerfuchs | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Browser unterstützen einige Farben nach Namen. Im Tisch. 1 zeigt die Namen, Hex-Code, Werte in RGB, HSL-Format und Beschreibung.
Name | Farbe | Code | RGB | HSL | Beschreibung |
---|---|---|---|---|---|
Weiss | #fffff oder #fff | RGB(255.255.255) | hsl(0,0 %, 100 %) | Weiss | |
Silber | #c0c0c0 | RGB(192,192,192) | hsl(0,0 %, 75 %) | Grau | |
grau | #808080 | RGB(128,128,128) | hsl(0,0 %, 50 %) | Dunkel grau | |
Schwarz | #000000 oder #000 | RGB(0,0,0) | hsl(0,0%,0%) | Schwarz | |
kastanienbraun | #800000 | RGB(128,0,0) | hsl(0,100%,25%) | Dunkelrot | |
Rot | #ff0000 oder #f00 | RGB(255,0,0) | hsl(0,100%,50%) | Rot | |
orange | #ffa500 | RGB(255,165,0) | hsl(38,8,100%,50%) | Orange | |
Gelb | #ffff00 oder #ff0 | RGB(255,255,0) | hsl(60,100%,50%) | Gelb | |
Olive | #808000 | RGB(128,128,0) | hsl(60,100%,25%) | Olive | |
Kalk | #00ff00 oder #0f0 | RGB(0,255,0) | hsl(120,100%,50%) | Hellgrün | |
Grün | #008000 | RGB(0,128,0) | hsl(120,100%,25%) | Grün | |
Aqua | #00ffff oder #0ff | RGB(0,255,255) | hsl(180,100%,50%) | Blau | |
Blau | #0000ff oder #00f | RGB(0,0,255) | hsl(240,100%,50%) | Blau | |
Marine | #000080 | RGB(0,0,128) | hsl(240,100%,25%) | Marineblau | |
blaugrün | #008080 | RGB(0,128,128) | hsl(180,100%,25%) | Blau Grün | |
Fuchsie | #ff00ff oder #f0f | RGB(255,0,255) | hsl(300,100%,50%) | Rosa | |
lila | #800080 | RGB(128,0,128) | hsl(300,100%,25%) | Violett |
Mit RGB
Internet Explorer | Chrom | Oper | Safari | Feuerfuchs | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Sie können eine Farbe mit den Rot-, Grün- und Blauwerten dezimal definieren. Jede der drei Farbkomponenten nimmt einen Wert von 0 bis 255 an. Es ist auch akzeptabel, die Farbe als Prozentsatz festzulegen, während 100 % der Zahl 255 entsprechen. Zuerst wird das Schlüsselwort rgb angegeben, und dann die Farbkomponenten in Klammern angegeben, durch Kommas getrennt, zum Beispiel rgb(255 , 128, 128) oder rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Chrom | Oper | Safari | Feuerfuchs | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Das RGBA-Format hat eine ähnliche Syntax wie RGB, enthält jedoch einen Alphakanal, der die Transparenz des Elements festlegt. Ein Wert von 0 ist vollständig transparent, 1 ist undurchsichtig und ein Zwischenwert wie 0,5 ist durchscheinend.
RGBA wird zu CSS3 hinzugefügt, daher sollte die Validierung des CSS-Codes gemäß dieser Version durchgeführt werden. Es sollte beachtet werden, dass sich der CSS3-Standard noch in der Entwicklung befindet und sich einige seiner Funktionen ändern können. Eine der Eigenschaft background-color hinzugefügte RGB-Farbe besteht beispielsweise die Validierung, eine der Eigenschaft background hinzugefügte jedoch nicht. Gleichzeitig verstehen Browser die Farbe für beide Eigenschaften ganz richtig.
HSL
Internet Explorer | Chrom | Oper | Safari | Feuerfuchs | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Der Name des HSL-Formats wird aus einer Kombination der Anfangsbuchstaben Hue (Farbton), Saturate (Sättigung) und Lightness (Helligkeit) gebildet. Farbton ist der Farbwert auf dem Farbrad (Abb. 1) und wird in Grad angegeben. 0° ist rot, 120° ist grün und 240° ist blau. Der Farbtonwert kann von 0 bis 359 variieren.
Reis. 1. Farbrad
Sättigung ist die Intensität einer Farbe, gemessen als Prozentsatz von 0 % bis 100 %. Ein Wert von 0 % bedeutet keine Farbe und einen Grauton, 100 % ist der maximale Sättigungswert.
Die Helligkeit legt fest, wie hell die Farbe ist, und wird in Prozent von 0 % bis 100 % angegeben. Kleine Werte machen die Farbe dunkler, hohe Werte heller, Extremwerte von 0% und 100% entsprechen Schwarz und Weiß.
HSLA
Internet Explorer | Chrom | Oper | Safari | Feuerfuchs | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Das HSLA-Format ähnelt in der Syntax HSL, enthält jedoch einen Alphakanal, der die Transparenz des Elements festlegt. Ein Wert von 0 ist vollständig transparent, 1 ist undurchsichtig und ein Zwischenwert wie 0,5 ist durchscheinend.
Farbwerte in RGBA-, HSL- und HSLA-Formaten werden CSS3 hinzugefügt, also überprüfen Sie bei Verwendung dieser Formate den Code auf Gültigkeit gegen die Version.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Warnung
Alle auf der Website aufgeführten Methoden zum Fangen eines Löwen sind theoretisch und basieren auf Computermethoden. Die Autoren garantieren nicht Ihre Sicherheit bei der Verwendung und lehnen jegliche Verantwortung für das Ergebnis ab. Denken Sie daran, der Löwe ist ein Raubtier und ein gefährliches Tier!
Das Ergebnis dieses Beispiels ist in Abb. 2.
Reis. 2. Farben auf der Webseite
HTML-Farben werden durch sechs Zeichen nach dem Schrägstrich angezeigt – zum Beispiel #000000. Diese sechs Zeichen repräsentieren die Proportionen der verschiedenen Farben (Rot, Grün und Blau) in der endgültigen Farbe. Das Bild auf Ihrem Computermonitor besteht aus einer großen Anzahl von Punkten, die als Pixel bezeichnet werden. Jedes Pixel ist eine kleine Lichtquelle, nennen wir es eine "Taschenlampe", die wiederum aus drei Taschenlampen besteht - rot, grün und blau. Indem wir die Intensität des Scheins einzelner farbiger Laternen verringern oder erhöhen, erhalten wir die gewünschte Farbe.
HTML-Farbcodes
Farben in HTML werden durch die Hexadezimalschreibweise (HEX) für die Kombination von Rot, Blau und Grün (RGB) angegeben.
Der kleinste Farbwert ist 0 (hexadezimal 00). Der höchste Farbwert ist 255 (hexadezimal FF).
Der hexadezimale Farbwert ist dreistellig und beginnt mit #.
Farbcodes (Werte)
Farbe | HEX-Code | RGB-Code |
---|---|---|
#000000 | RGB(0,0,0) | |
#FF0000 | RGB(255,0,0) | |
#00FF00 | RGB(0,255,0) | |
#0000FF | RGB(0,0,255) | |
#FFFF00 | RGB(255,255,0) | |
#00FFFF | RGB(0,255,255) | |
#FF00FF | RGB(255,0,255) | |
#C0C0C0 | RGB(192,192,192) | |
#FFFFFF | RGB(255.255.255) |
16 Millionen Farbtöne
Die Kombination von Rot, Blau und Grün mit Werten von 0 bis 255 für jede Farbe ergibt über 16 Millionen Schattierungen (256 x 256 x 256).
Die meisten modernen Monitore können mindestens 16.384 verschiedene Farbtöne anzeigen (LCD-Monitore können im Allgemeinen 262,16 Millionen anzeigen (aktualisiert Oktober 2013) Farben, während CRT-Monitore eine nahezu unbegrenzte Anzahl von Farben darstellen können).
Die folgende Farbtabelle zeigt die Veränderung des Rotanteils von 0 bis 255 mit Nullwerten für Blau und Grün:
Rot | HEX-Code | RGB-Code |
---|---|---|
#000000 | RGB(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | RGB(16,0,0) | |
#180000 | RGB(24,0,0) | |
#200000 | RGB(32,0,0) | |
#280000 | RGB(40,0,0) | |
#300000 | RGB(48,0,0) | |
#380000 | RGB(56,0,0) | |
#400000 | RGB(64,0,0) | |
#480000 | RGB(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | RGB(88,0,0) | |
#600000 | RGB(96,0,0) | |
#680000 | RGB(104,0,0) | |
#700000 | RGB(112,0,0) | |
#780000 | RGB(120,0,0) | |
#800000 | RGB(128,0,0) | |
#880000 | RGB(136,0,0) | |
#900000 | RGB(144,0,0) | |
#980000 | RGB(152,0,0) | |
#A00000 | RGB(160,0,0) | |
#A80000 | RGB(168,0,0) | |
#B00000 | RGB(176,0,0) | |
#B80000 | RGB(184,0,0) | |
#C00000 | RGB(192,0,0) | |
#C80000 | RGB(200,0,0) | |
#D00000 | RGB(208,0,0) | |
#D80000 | RGB(216,0,0) | |
#E00000 | RGB(224,0,0) | |
#E80000 | RGB(232,0,0) | |
#F00000 | RGB(240,0,0) | |
#F80000 | RGB(248,0,0) | |
#FF0000 | RGB(255,0,0) |
Grautöne
Um Graustufen zu erhalten, werden gleiche Anteile aller Farben verwendet. Um Ihnen die Auswahl der gewünschten Farbe zu erleichtern, stellen wir Ihnen Codes für Graustufen zur Verfügung.
Grautöne | HEX-Code | RGB-Code |
---|---|---|
#000000 | RGB(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | RGB(16,16,16) | |
#181818 | RGB(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | RGB(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | RGB(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | RGB(96,96,96) | |
#686868 | RGB(104,104,104) | |
#707070 | RGB(112,112,112) | |
#787878 | RGB(120,120,120) | |
#808080 | RGB(128,128,128) | |
#888888 | RGB(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | RGB(152.152.152) | |
#A0A0A0 | RGB(160,160,160) | |
#A8A8A8 | RGB(168,168,168) | |
#B0B0B0 | RGB(176,176,176) | |
#B8B8B8 | RGB(184.184.184) | |
#C0C0C0 | RGB(192,192,192) | |
#C8C8C8 | RGB(200.200.200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | RGB(216.216.216) | |
#E0E0E0 | RGB(224.224.224) | |
#E8E8E8 | RGB(232.232.232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | RGB(248.248.248) | |
#FFFFFF | RGB(255.255.255) |
Browserübergreifende (für alle Browser) HTML-Farbnamen
Eine Sammlung von 150 HTML-Farbnamen, die in allen Browsern unterstützt werden.
Standardisierte Farbnamen
Das W3C listet 16 gültige Farbnamen für HTML und CSS auf: aqua (aquamarin), schwarz (schwarz), blau (blau), fuchsia (magenta), grau (grau), grün (grün), lime (lime oder hellgrün), Maroon (Kastanie), Navy (Ultramarin), Olive (Oliv), Purple (Lila), Rot (Rot), Silber (Silber), Petrol (Grau), Weiß (Weiß) und Gelb (Gelb).
Wenn Sie Farben verwenden, die nicht in dieser Liste enthalten sind, ist es korrekter, ihren Hexadezimalcode (HEX) oder RGB-Code zu verwenden.
Sichere Farben
Vor einigen Jahren, als Computer maximal 256 verschiedene Farben unterstützen konnten, wurde eine Liste mit 216 „websicheren Farben“ vorgeschlagen, wobei 40 Farben für das System reserviert waren.
Diese 216-Farben-Palette wurde erstellt, um Farben im 256-Farben-Palettenmodus korrekt anzuzeigen.
Es spielt jetzt keine Rolle, weil die meisten Computer auf der ganzen Welt Millionen von Farbschattierungen unterstützen. In jedem Fall ist hier eine Liste dieser Farben:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999 CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Diese Seite enthält eine Tabelle mit Schlüsselwörtern, die verwendet werden können, um Farben in solchen Webentwicklungssprachen wie HTML, CSS, JavaScript, Flash usw.
In der alten WC3-Spezifikation wurden nur 16 Schlüsselwörter verwendet, um Farben in HTML und CSS festzulegen. In späteren, moderneren Spezifikationen wurden weitere 130 Schlüsselwörter hinzugefügt, um Farbnamen zu bezeichnen. Die folgende Tabelle enthält die Farbnamen, Hexadezimal- und RGB-Codes, denen sie entsprechen.
Gemäß den CSS-Regeln wird bei Farbnamen nicht zwischen Groß- und Kleinschreibung unterschieden. Die Farbeinträge IndianRed und indianred sind gleichwertig.
Es ist auch erwähnenswert, dass von den 146 Schlüsselwörtern in der Tabelle tatsächlich weniger Farben enthalten sind. Das liegt daran, dass einige Stichworte dieselbe Farbe darstellen. Die Namen Grey und Grey stehen also für 50 Prozent Grau mit dem Code #808080 , während das Wort Magenta ein HTML-Synonym für die Farbe Fuchsia ist, entsprechend dem Hexadezimalcode #FF00FF . Die Wörter Aqua und Cyan sind ebenfalls Synonyme, sie entsprechen dem Code #00FFFF .
|
|
Es gibt mehrere Möglichkeiten, Farben im Webdesign darzustellen.
HEX ist ein Hexadezimalsystem zur Darstellung von Farben zur Basis 16. Für dieses System werden arabische Dezimalziffern von 0 bis 9 und lateinische Buchstaben von A bis F verwendet, um die digitale Zahl auf 16 zu ergänzen. Für das Webdesign 16 Primärfarben (Schlüsselfarben). , dem sogenannten hexadezimalen Farbcode #RRGGBB, wobei jedes Paar für seinen Farbanteil verantwortlich ist: RR – Rot, GG – Grün und BB – Blau. Jede Farbfraktion reicht von 00 bis FF.
Zwei weitere Farbdarstellungen im Webdesign sind: als RGB(*,*,*), wobei jeder „*“-Teil einer Farbe durch Dezimalziffern von 0 bis 255 und durch Farbnamen dargestellt wird Englische Sprache.
Beim Erstellen eines Farbbildes besteht das Hauptproblem in der korrekten Wiedergabe von Farben auf verschiedenen Arten von Computern, Monitoren und Browsern. Wenn der Browser eine Farbe nicht richtig wiedergeben kann, passt er mehrere Farben an oder mischt sie. Und manchmal kann es durch eine völlig andere Farbe ersetzt werden.
Tisch 16 Grundfarben, die in allen Browsern verwendet werden
Name | Farbe | verhexen | (RGB) |
Aqua (Meereswelle) | #00FFFF | (000,255,255) | |
Schwarz Schwarz) | #000000 | (000,000,000) | |
Blau Blau) | #0000FF | (000,000,255) | |
Fuchsie (Magenta) | #FF00FF | (255,000,255) | |
Grau (grau) | #808080 | (128,128,128) | |
Grün Grün) | #008000 | (000,128,000) | |
Limette (hellgrün) | #00FF00 | (000,255,000) | |
Kastanienbraun (Kastanienbraun) | #800000 | (128,000,000) | |
Marine (dunkelblau) | #000080 | (000,000,128) | |
Oliven (Oliven) | #808000 | (128,128,000) | |
Lila (lila) | #800080 | (128,000,128) | |
Rot rot) | #FF0000 | (255,000,000) | |
Silber (Silber) | #C0C0C0 | (192,192,192) | |
Blaugrün (Graugrün) | #008080 | (000,128,128) | |
Weiss weiss) | #FFFFFF | (255,255,255) | |
Gelb (Gelb) | #FFFF00 | (255,255,000) |
Tisch lila Farben und Schattierungen
Name | Farbe | verhexen | (RGB) |
Magenta (Magenta) | #FFCBDB | (255,203,219) | |
Magenta (Magenta) | #FF0099 | (255,000,153) | |
Magenta (Magenta) | #F95A61 | (249,090,097) | |
Fuchsie (Fuchsie) | #FF00FF | (255,000,255) | |
Mauveine (Anilin-Purpur) | #EF0097 | (239,000,151) | |
Lachsrosa (Orangerosa) | #FF91A4 | (255,145,164) | |
Cenise (ein Magenta-Ton) | #DE3163 | (153,149,140) | |
Aubergine Aubergine (Aubergine) | #990066 | (153,000,132) | |
Lavendelrot (rosa Lavendel) |  #FFF0F5 | (255,240,245) | |
Flieder (Flieder) | #C8A2C8 | (200,162,200) | |
Magenta (Magenta) | #FF008F | (255,000,143) | |
Orchidee (Orchidee) | #DA70D6 | (218,112,214) | |
Rot-Violett (Lila-Rot) | #C71585 | (199,021,133) | |
Sanguiniker (sanguine) | #92000A | (146,000,010) | |
Distel (ein Magenta-Ton) | #D8BFD8 | (185,211,238) | |
Violette Aubergine (ein Magentaton) | #991199 | (153,017,153) | |
Rosa vivo (reiches Rosa) | #FF007F | (255,000,127) | |
Lavendel-Rose (ein Purpurton) | #FBA0E3 | (108,123,139) | |
Mountbatten rosa (Mounbatten rosa) | #997ABD | (153,122,141) |
Tisch grau Farben und Schattierungen
Name | Farbe | verhexen | (RGB) |
Grau (Grau) | #808080 | (128,128,128) | |
Grau (Grau) | #bebebe | (190,190,190) | |
(Grauton) | #858585 | (133,133,133) | |
Grau33 (Grau-33) | #545454 | (084,084,084) | |
(grauer Schiefer) | #708090 | (112,128,144) | |
(Quarz) | #99958с | (153,149,140) | |
(Hell grau) | #bbbbbb | (187,187,187) | |
(Silber) | #c0c0c0 | (192,192,192) | |
(grau weiß) | #f0f0f0 | (240,240,240) | |
(Bärte von Abdel-Kerim) | #e0e0e0 | (224,224,224) | |
LightGray (Hellgrau) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (Helles Kornblumenblau1) | #c6e2ff | (198,226,255) | |
StateGray-2 (Helles Kornblumenblau2) | #b9d3ee | (185,211,238) | |
StateGray3() | #9fb6cd | (159,182,205) | |
StateGray4() | #6c7b8b | (108,123,139) |
Tabelle (Palette) von HTML-Farben gibt Ihnen die Möglichkeit, den Ton, den Sie benötigen, unabhängig zu wählen. Der Farbwert wird in drei Formaten angezeigt: Hex, RGB und HSV.
- Hex besteht aus drei zweistelligen Werten in hexadezimaler Schreibweise. Beispiel: #ff00b3, wobei das erste Zahlenpaar rot, das zweite grün und das dritte blau ist.
- RGB (RotGrünBlau) hat die Form „200.100.255“, die den Anteil des entsprechenden Tons (Rot, Grün, Blau) in der resultierenden Farbe angibt.
- HSV (Farbton, Sättigung, Wert - Ton, Sättigung, Wert) - ein Farbmodell, in dem die Koordinaten sind:
- Farbton - Farbton, kann von 0° bis 360° variieren.
- Sättigung - Sättigung, variiert zwischen 0-100 oder 0-1. Je größer diese Einstellung ist, desto „reiner“ ist die Farbe, weshalb diese Einstellung manchmal auch als Farbreinheit bezeichnet wird. Und je näher dieser Parameter an Null liegt, desto näher ist die Farbe an neutralem Grau.
- Wert (Farbwert) - stellt die Helligkeit ein, der Wert kann auch zwischen 0-100 oder 0-1 variieren.
Farbcode eingeben: GEHEN
Liste der Farben mit Namen
Die Tabelle listet die von allen Browsern unterstützten englischen Farbnamen (die als Werte verwendet werden können) und ihre hexadezimalen Werte auf. Alle aufgeführten Farben sind "sicher", was bedeutet, dass sie in allen Browsern gleich angezeigt werden.
Farbname | VERHEXEN | Farbe |
---|---|---|
Schwarz | #000000 | |
Marine | #000080 | |
Dunkelblau | #00008B | |
Mittelblau | #0000CD | |
Blau | #0000FF | |
dunkelgrün | #006400 | |
Grün | #008000 | |
Blaugrün | #008080 | |
DunkelCyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
Dunkles Türkis | #00CED1 | |
MediumFrühlingGrün | #00FA9A | |
Kalk | #00FF00 | |
Frühlingsgrün | #00FF7F | |
Aqua | #00FFFF | |
cyan | #00FFFF | |
Mitternachtsblau | #191970 | |
Dodger Blau | #1E90FF | |
HellMeergrün | #20B2AA | |
Waldgrün | #228B22 | |
Meeresgrün | #2E8B57 | |
Dunkelschiefergrau | #2F4F4F | |
Lindgrün | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Türkis | #40E0D0 | |
Königsblau | #4169E1 | |
Stahlblau | #4682B4 | |
Dunkelschieferblau | #483D8B | |
Mittleres Türkis | #48D1CC | |
Indigo | #4B0082 | |
Dunkelolivgrün | #556B2F | |
Kadettenblau | #5F9EA0 | |
Kornblumenblau | #6495ED | |
MittelAquaMarine | #66CDAA | |
Schwaches Grau | #696969 | |
Schieferblau | #6A5ACD | |
Olivgrün | #6B8E23 | |
Schiefer grau | #708090 | |
Hellschiefergrau | #778899 | |
MittelSchieferblau | #7B68EE | |
RasenGrün | #7CFC00 | |
gelbgrün | #7FFF00 | |
Aquamarin | #7FFFD4 | |
kastanienbraun | #800000 | |
Lila | #800080 | |
Olive | #808000 | |
Grau | #808080 | |
Himmelblau | #87CEEB | |
Hellhimmelblau | #87CEFA | |
Blau Violett | #8A2BE2 | |
Dunkelrot | #8B0000 | |
DunkelMagenta | #8B008B | |
SattelBraun | #8B4513 | |
DunkelMeergrün | #8FBC8F | |
Hellgrün | #90EE90 | |
Mittleres Lila | #9370D8 | |
dunkelviolett | #9400D3 | |
blasses Grün | #98FB98 | |
Dunkle Orchidee | #9932CC | |
Gelbgrün | #9ACD32 | |
Siena | #A0522D | |
Braun | #A52A2A | |
dunkelgrau | #A9A9A9 | |
hellblau | #ADD8E6 | |
Grün Gelb | #ADFF2F | |
helltürkis | #AFEEEE | |
HellStahlBlau | #B0C4DE | |
Puderblau | #B0E0E6 | |
FireBrick | #B22222 | |
Dunkelgoldener Stab | #B8860B | |
Mittlere Orchidee | #BA55D3 | |
RosigBraun | #BC8F8F | |
DunkelKhaki | #BDB76B | |
Silber | #C0C0C0 | |
MittelViolettRot | #C71585 | |
IndianRed | #CD5C5C | |
Peru | #CD853F | |
Schokolade | #D2691E | |
Bräunen | #D2B48C | |
hellgrau | #D3D3D3 | |
HellviolettRot | #D87093 | |
Distel | #D8BFD8 | |
Orchidee | #DA70D6 | |
goldener Stab | #DAA520 | |
Purpur | #DC143C | |
Gainsboro | #DCDCDC | |
Pflaume | #DDA0DD | |
Kräftiges Holz | #DEB887 | |
HellCyan | #E0FFFF | |
Lavendel | #E6E6FA | |
Dunkler Lachs | #E9967A | |
violett | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
Helle Koralle | #F08080 | |
Khaki | #F0E68C | |
Alice blau | #F0F8FF | |
Honigtau | #F0FFF0 | |
Azurblau | #F0FFFF | |
Sandiges Braun | #F4A460 | |
Weizen | #F5DEB3 | |
Beige | #F5F5DC | |
weißer Rauch | #F5F5F5 | |
MinzeCreme | #F5FFFA | |
Gespenster weiß | #F8F8FF | |
Lachs | #FA8072 | |
Altweiß | #FAEBD7 | |
Leinen | #FAF0E6 | |
LichtGoldenRuteGelb | #FAFAD2 | |
Alte Spitze | #FDF5E6 | |
Rot | #FF0000 | |
Fuchsie | #FF00FF | |
Magenta | #FF00FF | |
Dunkelrosa | #FF1493 | |
Orange Rot | #FF4500 | |
Tomate | #FF6347 | |
pink | #FF69B4 | |
Koralle | #FF7F50 | |
dunkelorange | #FF8C00 | |
Leichter Lachs | #FFA07A | |
Orange | #FFA500 | |
Hell-Pink | #FFB6C1 | |
Rosa | #FFC0CB | |
Gold | #FFD700 | |
PfirsichPuff | #FFDAB9 | |
NavajoWeiß | #FFDEAD | |
Mokassin | #FFE4B5 | |
Biskuit | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Blanchierte Mandel | #FFEBCD | |
Papaya-Peitsche | #FFEFD5 | |
LavendelBlush | #FFF0F5 | |
Muschel | #FFF5EE | |
Maisseide | #FFF8DC | |
ZitroneChiffon | #FFFACD | |
BlumenWeiß | #FFFAF0 | |
Schnee | #FFFAFA | |
Gelb | #FFFF00 | |
Hellgelb | #FFFFE0 | |
Elfenbein | #FFFFF0 | |
Weiss | #FFFFFF |