DIE KLINGEL

Es gibt diejenigen, die diese Nachrichten vor Ihnen lesen.
Abonnieren Sie, um die neuesten Artikel zu erhalten.
Email
Name
Nachname
Wie willst du The Bell lesen?
Kein Spam

HTML-Farben werden durch sechs Zeichen nach dem Schrägstrich angezeigt - zum Beispiel # 000000. Diese sechs Symbole repräsentieren die Proportionen verschiedener Farben (Rot, Grün, Blau) in der endgültigen Farbe. In Ihrem Computermonitor wird ein Bild aus einer großen Anzahl von Punkten gebildet, 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. Durch Verringern oder Erhöhen der Intensität des Lichts einzelner farbiger Lichter erhalten wir die gewünschte Farbe.

HTML-Farbcodes

Farben in HTML werden durch Hexadezimal (HEX) für eine Kombination aus Rot, Blau und Grün (RGB) dargestellt.

Der kleinste Farbwert ist 0 (hex 00). Der höchste Farbwert ist 255 (hex FF).

Der hexadezimale Farbwert besteht aus drei Ziffern, beginnend mit einem # -Zeichen.

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 Farben

Eine Kombination aus Rot, Blau und Grün mit einem Bruchteil jeder Farbe von 0 bis 255 ergibt über 16 Millionen Farbtöne (256 x 256 x 256).

Die meisten moderne Monitore in der Lage, mindestens 16384 verschiedene Farbtöne anzuzeigen (LCD-Monitore können hauptsächlich 262 Tausend 16 Millionen anzeigen (aktualisiert Oktober 2013) Farben und CRT-Monitore können eine nahezu unbegrenzte Anzahl von Farben anzeigen.

Die folgende Farbtabelle zeigt die Änderung des Rotanteils von 0 auf 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 die Auswahl der gewünschten Farbe zu erleichtern, stellen wir Ihnen die Graustufencodes 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), Limette (Limette oder Limette), Kastanienbraun (Kastanie), Marine (Ultramarin), Olive (Olive), Lila (Lila), Rot (Rot), Silber (Silber), Blaugrün (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 von 216 "Web Safe Colors" mit 40 für das System reservierten Farben vorgeschlagen.

Diese 216-Farben-Palette wurde erstellt, um Farben im 256-Farben-Palettenmodus korrekt anzuzeigen.

Das spielt jetzt keine Rolle, da die meisten Computer auf der ganzen Welt Millionen von Farbtönen unterstützen. Wie auch immer, hier ist 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 9999CC 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, mit denen Farben in Webentwicklungssprachen wie HTML, CSS, JavaScript, Flash usw. dargestellt werden können.

In den alten Spezifikationen des WC3-Konzerns wurden nur 16 Schlüsselwörter geschrieben, mit deren Hilfe Farben in HTML und CSS festgelegt wurden. In späteren, moderneren Spezifikationen wurden 130 weitere Schlüsselwörter hinzugefügt, um Farbnamen zu kennzeichnen. In der folgenden Tabelle sind die Farbnamen, Hexadezimal- und RGB-Codes aufgeführt, denen sie entsprechen.

Gemäß den CSS-Regeln wird bei Farbnamen nicht zwischen Groß- und Kleinschreibung unterschieden. IndianRed- und Indianred-Farbeinträge sind gleichwertig.

Es ist auch erwähnenswert, dass von den 146 Schlüsselwörtern der Tabelle tatsächlich weniger Farben enthalten sind. Das liegt daran, dass einige stichworte repräsentieren die gleiche Farbe. Die Namen Grau und Grau stehen also für 50% Grau mit dem Code # 808080, und das Wort Magenta ist ein Synonym für die HTML-Farbe Fuchsia, die dem Hex-Code # FF00FF entspricht. Synonyme sind auch die Wörter Aqua und Cyan, sie entsprechen dem Code # 00FFFF.

Farbname in HTML und CSS VERHEXEN RGB
Rottöne:
IndianRed# CD5C5C205, 92, 92
LightCoral# F08080240, 128, 128
Lachs# FA8072250, 128, 114
Darksalmon# E9967A233, 150, 122
LightSalmon# FFA07A255, 160, 122
Purpur# DC143C220, 20, 60
rot# FF0000255, 0, 0
FireBrick# B22222178, 34, 34
Dunkelrot# 8B0000139, 0, 0
Rosatöne:
Rosa# FFC0CB255, 192, 203
Hell-Pink# FFB6C1255, 182, 193
HotPink# FF69B4255, 105, 180
Dunkelrosa# FF1493255, 20, 147
MediumVioletRed# C71585199, 21, 133
PaleVioletRed# DB7093219, 112, 147
Orangetöne:
LightSalmon# FFA07A255, 160, 122
Koralle# FF7F50255, 127, 80
Tomate# FF6347255, 99, 71
Orange Rot# FF4500255, 69, 0
Dunkelorange# FF8C00255, 140, 0
Orange# FFA500255, 165, 0
Gelbtöne:
Gold# FFD700255, 215, 0
Gelb# FFFF00255, 255, 0
Hellgelb# FFFFE0255, 255, 224
LemonChiffon#FFFACD255, 250, 205
LightGoldenrodYellow# FAFAD2250, 250, 210
PapayaWhip# FFEFD5255, 239, 213
Mokassin# FFE4B5255, 228, 181
PeachPuff# FFDAB9255, 218, 185
Palegoldenrod# EEE8AA238, 232, 170
Khaki# F0E68C240, 230, 140
Darkkhaki# BDB76B189, 183, 107
Lila Töne:
Lavendel# E6E6FA230, 230, 250
Distel# D8BFD8216, 191, 216
Pflaume# DDA0DD221, 160, 221
Violett# EE82EE238, 130, 238
Orchidee# DA70D6218, 112, 214
Fuchsie# FF00FF255, 0, 255
Magenta# FF00FF255, 0, 255
MediumOrchid# BA55D3186, 85, 211
MediumPurple# 9370DB147, 112, 219
Blau Violett# 8A2BE2138, 43, 226
Dunkelviolett# 9400D3148, 0, 211
DarkOrchid# 9932CC153, 50, 204
DarkMagenta# 8B008B139, 0, 139
Lila#800080 128, 0, 128
Indigo# 4B008275, 0, 130
SlateBlue# 6A5ACD106, 90, 205
DarkSlateBlue# 483D8B72, 61, 139
Brauntöne:
Cornsilk# FFF8DC255, 248, 220
Blanchierte Mandel#FFEBCD255, 235, 205
Bisque# FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Weizen# F5DEB3245, 222, 179
Kräftiges Holz# DEB887222, 184, 135
Bräunen# D2B48C210, 180, 140
RosyBrown# BC8F8F188, 143, 143
Sandybrown# F4A460244, 164, 96
Goldrute# DAA520218, 165, 32
DarkGoldenRod# B8860B184, 134, 11
Peru# CD853F205, 133, 63
Schokolade# D2691E210, 105, 30
Sattelkrone# 8B4513139, 69, 19
Sienna# A0522D160, 82, 45
Braun# A52A2A165, 42, 42
Kastanienbraun#800000 128, 0, 0
Grundfarben:
Schwarz#000000 0, 0, 0
Grau#808080 128, 128, 128
Silber# C0C0C0192, 192, 192
Weiß#FFFFFF255, 255, 255
Fuchsie# FF00FF255, 0, 255
Lila#800080 128, 0, 128
rot# FF0000255, 0, 0
Kastanienbraun#800000 128, 0, 0
Gelb# FFFF00205, 92, 92
Olive#808000 240, 128, 128
Limette# 00FF00250, 128, 114
Grün#008000 233, 150, 122
Aqua# 00FFFF205, 92, 92
Blaugrün#008080 240, 128, 128
Blau# 0000FF250, 128, 114
Marine#000080 233, 150, 122
Farbname in HTML und CSS VERHEXEN RGB
Grüntöne:
Grün Gelb# ADFF2F173, 255, 47
Chartreuse# 7FFF00127, 255, 0
LawnGreen# 7CFC00124, 252, 0
Limette# 00FF000, 255, 0
LimeGreen# 32CD3250, 205, 50
Blasses Grün# 98FB98152, 251, 152
Hellgrün# 90EE90144, 238, 144
MediumSpringGreen# 00FA9A0, 250, 154
Frühlingsgrün# 00FF7F0, 255, 127
MediumSeaGreen# 3CB37160, 179, 113
Meeresgrün# 2E8B5746, 139, 87
Waldgrün# 228B2234, 139, 34
Grün#008000 0, 128, 0
Dunkelgrün#006400 0, 100, 0
Gelbgrün# 9ACD32154, 205, 50
Olivgrün# 6B8E23107, 142, 35
Olive#808000 128, 128, 0
DarkOliveGreen# 556B2F85, 107, 47
MediumAquamarin# 66CDAA102, 205, 170
DarkSeaGreen# 8FBC8F143, 188, 143
LightSeaGreen# 20B2AA32, 178, 170
DarkCyan# 008B8B0, 139, 139
Blaugrün#008080 0, 128, 128
Blautöne:
Aqua# 00FFFF0, 255, 255
Cyan# 00FFFF0, 255, 255
LightCyan# E0FFFF224, 255, 255
Paleturquoise#AFEEEE175, 238, 238
Aquamarin# 7FFFD4127, 255, 212
Türkis# 40E0D064, 224, 208
Mittel Türkis# 48D1CC72, 209, 204
Darkturquoise# 00CED10, 206, 209
Kadettenblau# 5F9EA095, 158, 160
Stahlblau# 4682B470, 130, 180
LightSteelBlue# B0C4DE176, 196, 222
PowderBlue# B0E0E6176, 224, 230
Hellblau# ADD8E6173, 216, 230
Himmelblau# 87CEEB135, 206, 235
LightSkyBlue# 87CEFA135, 206, 250
DeepSkyBlue# 00BFFF0, 191, 255
DodgerBlue# 1E90FF30, 144, 255
Kornblumenblau# 6495ED100, 149, 237
MediumSlateBlue# 7B68EE123, 104, 238
Königsblau# 4169E165, 105, 225
Blau# 0000FF0, 0, 255
Mittelblau# 0000CD0, 0, 205
Dunkelblau# 00008B0, 0, 139
Marine#000080 0, 0, 128
Mitternachtsblau#191970 25, 25, 112
Weißtöne:
Weiß#FFFFFF255, 255, 255
Schnee#FFFAFA255, 250, 250
Honigtau# F0FFF0240, 255, 240
MintCream# F5FFFA245, 255, 250
Azurblau# F0FFFF240, 255, 255
Alice blau# F0F8FF240, 248, 255
GhostWhite# F8F8FF248, 248, 255
Weißer Rauch# F5F5F5245, 245, 245
Muschel# FFF5EE255, 245, 238
Beige# F5F5DC245, 245, 220
OldLace# FDF5E6253, 245, 230
FloralWhite# FFFAF0255, 250, 240
Elfenbein# FFFFF0255, 255, 240
Altweiß# FAEBD7250, 235, 215
Leinen# FAF0E6250, 240, 230
LavenderBlush# FFF0F5255, 240, 245
MistyRose# FFE4E1255, 228, 225
Grautöne:
Gainsboro#DCDCDC220, 220, 220
Hellgrau# D3D3D3211, 211, 211
Hellgrau# D3D3D3211, 211, 211
Silber# C0C0C0192, 192, 192
Dunkelgrau# A9A9A9169, 169, 169
Dunkelgrau# A9A9A9169, 169, 169
Grau#808080 128, 128, 128
Grau#808080 128, 128, 128
DimGray#696969 105, 105, 105
DimGrey#696969 105, 105, 105
LightSlateGray#778899 119, 136, 153
LightSlateGrey#778899 119, 136, 153
Schiefer grau#708090 112, 128, 144
Schiefergrau#708090 112, 128, 144
DarkSlateGray# 2F4F4F47, 79, 79
DarkSlateGrey# 2F4F4F47, 79, 79
Schwarz#000000 0, 0, 0

Hexadezimalzahlen werden zum Festlegen von Farben verwendet. Das Hexadezimalsystem basiert im Gegensatz zum Dezimalsystem, wie der Name schon sagt, auf der Zahl 16. Die Zahlen lauten wie folgt: 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 hexadezimal werden gebildet, indem zwei Zahlen zu einer kombiniert werden. Zum Beispiel ist 255 Dezimal FF FF hexadezimal. Um Verwechslungen bei der Definition des Zahlensystems zu vermeiden, wird das Hash-Symbol # vor die Hexadezimalzahl gesetzt, z. B. # 666999. Jede der drei Farben - Rot, Grün und Blau - kann von 00 bis FF reichen. Daher ist die Farbbezeichnung in drei Komponenten #rrggbb unterteilt, wobei die ersten beiden Zeichen die rote Komponente der Farbe markieren, die beiden mittleren - grün und die letzten beiden - blau. Es ist erlaubt, eine verkürzte Form wie #rgb zu verwenden, wobei jedes Zeichen verdoppelt werden sollte. # Fe0 sollte also als # ffee00 behandelt 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. Tabelle 1 zeigt die Namen, den Hexadezimalcode, die RGB-, HSL-Werte und die Beschreibung.

Tab. 1. Farbnamen
Name Farbe Der Code RGB Hsl Beschreibung
weiß #ffffff oder #fff rgb (255,255,255) hsl (0,0%, 100%) Weiß
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%) Das Schwarze
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
limette # 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 die Farbe anhand der Dezimalwerte Rot, Grün und Blau bestimmen. Jede der drei Farbkomponenten hat einen Wert von 0 bis 255. Es ist auch zulässig, die Farbe als Prozentsatz festzulegen, während 100% der Zahl 255 entspricht. Zuerst wird das Schlüsselwort rgb angegeben, und dann werden in Klammern die Farbkomponenten angegeben, die durch Kommas getrennt sind, z. B. 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 ähnelt in der Syntax RGB, enthält jedoch einen Alphakanal, der die Transparenz des Elements steuert. Ein Wert von 0 entspricht der vollen Transparenz, 1 der Deckkraft und ein Zwischenwert wie 0,5 der Halbtransparenz.

RGBA wurde in CSS3 hinzugefügt, daher sollte die CSS-Codeüberprüfung mit dieser Version durchgeführt werden. Es ist zu beachten, dass sich der CSS3-Standard noch in der Entwicklung befindet und sich einige Funktionen ändern können. Beispielsweise wird eine der Hintergrundfarbeneigenschaft hinzugefügte RGB-Farbe überprüft, die der Hintergrundeigenschaft hinzugefügte Farbe jedoch nicht mehr. 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 Farbton (Farbton), Sättigung (Sättigung) und Helligkeit (Helligkeit) gebildet. Der Farbton ist der Wert der Farbe im Farbkreis (Abb. 1) und wird in Grad angegeben. 0 ° ist rot, 120 ° ist grün und 240 ° ist blau. Der Farbtonwert kann zwischen 0 und 359 liegen.

Zahl: 1. Farbrad

Die Sättigung ist die Intensität einer Farbe, gemessen als Prozentsatz von 0% bis 100%. Ein Wert von 0% bedeutet keine Farbe und ein Grauton, 100% ist der maximale Sättigungswert.

Die Helligkeit legt fest, wie hell die Farbe ist, und wird als Prozentsatz von 0% bis 100% ausgedrückt. Niedrige Werte machen die Farbe dunkler und hohe Werte heller. Extremwerte von 0% und 100% entsprechen Schwarzweiß.

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 dem von HSL, enthält jedoch einen Alphakanal, der die Transparenz des Elements steuert. Ein Wert von 0 entspricht der vollen Transparenz, 1 der Deckkraft und ein Zwischenwert wie 0,5 der Halbtransparenz.

In CSS3 wurden Farbwerte in den Formaten RGBA, HSL und HSLA hinzugefügt. Überprüfen Sie daher bei Verwendung dieser Formate die Gültigkeit der Version.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Farben

Warnung

Alle auf der Website aufgeführten Methoden zum Löschen von Löwen sind theoretisch und basieren auf Berechnungsmethoden. Die Autoren garantieren nicht Ihre Sicherheit bei der Verwendung und lehnen jede Verantwortung für das Ergebnis ab. Denken Sie daran, der Löwe ist ein Raubtier und ein gefährliches Tier!

Arrrrgh!

Ergebnis dieses Beispiel in Abb. 2.

Zahl: 2. Farben auf der Webseite

In HTML kann die Farbe auf drei Arten eingestellt werden:

Festlegen einer Farbe in HTML anhand ihres Namens

Einige Farben können anhand ihres Namens angegeben werden, wobei der Farbname aktiviert ist englische Sprache... Die häufigsten Schlüsselwörter sind Schwarz, Weiß, Rot, Grün, Blau usw.

Textfarbe - rot

Die beliebtesten Farben des Standards des World Wide Web Consortium (W3C) sind:

FarbeNameFarbeName FarbeName FarbeName
Schwarz Grau Silber Weiß
Gelb Limette Aqua Fuchsie
rot Grün Blau Lila
Kastanienbraun Olive Marine Blaugrün

Ein Beispiel für die Verwendung verschiedener Farbnamen:

Beispiel: Festlegen einer Farbe anhand ihres Namens

  • Versuch es selber "

Überschrift auf rotem Hintergrund

Titel auf orangefarbenem Hintergrund

Überschrift auf Kalkhintergrund

Weißer Text auf blauem Hintergrund

Überschrift auf rotem Hintergrund

Titel auf orangefarbenem Hintergrund

Überschrift auf Kalkhintergrund

Weißer Text auf blauem Hintergrund

Festlegen der Farbe mit RGB

Bei der Anzeige verschiedener Farben auf dem Monitor wird die RGB-Palette zugrunde gelegt. Jede Farbe wird durch Mischen von drei Hauptfarben erhalten: R - rot (rot), G - grün (grün), B - blau... Die Luminanz jeder Farbe wird durch ein Byte angegeben und kann daher Werte von 0 bis 255 annehmen. Beispielsweise wird RGB (255,0,0) als rot angezeigt, da Rot auf den höchsten Wert (255) und der Rest auf 0 gesetzt ist Sie können die Farbe auch als Prozentsatz festlegen. Jeder der Parameter gibt die Helligkeitsstufe der entsprechenden Farbe an. Beispiel: Die Werte für rgb (127, 255, 127) und rgb (50%, 100%, 50%) werden gleich eingestellt grüne Farbe mittlere Sättigung:

Beispiel: Festlegen einer Farbe mit RGB

  • Versuch es selber "

rGB (127, 255, 127)

rGB (50%, 100%, 50%)

RGB (127, 255, 127)

RGB (50%, 100%, 50%)

Festlegen der Farbe durch Hex-Wert

Die Werte R. G B. kann auch mit hexadezimalen (HEX) Farbwerten in der folgenden Form angegeben werden: #RRGGBB, wobei RR (rot), GG (grün) und BB (blau) hexadezimale Werte von 00 bis FF sind (wie Dezimal 0-255). ... Das Hexadezimalsystem basiert im Gegensatz zum Dezimalsystem, wie der Name schon sagt, auf der Zahl 16. Das Hexadezimalsystem verwendet die folgenden Zeichen: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Hier werden die Zahlen von 10 bis 15 durch lateinische Buchstaben ersetzt. Hexadezimalzahlen größer als 15 stehen für die Kombination von zwei Zeichen zu einem Wert. Zum Beispiel ist die höchste Zahl 255 in Dezimalzahl die höchste FF in Hex. Im Gegensatz zum Dezimalsystem wird ein Hash-Symbol vor die Hexadezimalzahl gesetzt # Beispiel: # FF0000 wird als Rot angezeigt, da Rot auf den höchsten Wert (FF) und die restlichen Farben auf den Mindestwert (00) eingestellt sind. Zeichen nach dem Hash-Symbol # kann sowohl in Groß- als auch in Kleinbuchstaben eingegeben werden. Das Hexadezimalsystem ermöglicht es Ihnen, eine abgekürzte Form wie #rgb zu verwenden, wobei jedes Zeichen einem Doppel entspricht. Der Eintrag # f7O sollte also als # ff7700 angesehen werden.

Beispiel: Farbe HEX

  • Versuch es selber "

rot: # FF0000

grün: # 00FF00

blau: # 0000FF

rot: # FF0000

grün: # 00FF00

blau: # 0000FF

rot + grün \u003d gelb: # FFFF00

rot + blau \u003d lila: # FF00FF

grün + blau \u003d cyan: # 00FFFF

Liste der gebräuchlichen Farben (Name, HEX und RGB):

englischer Name Russischer Name Stichprobe VERHEXEN RGB
Amaranth Amaranth # E52B50 229 43 80
Bernstein Bernstein # FFBF00 255 191 0
Aqua Blau Grün # 00FFFF 0 255 255
Azurblau Azurblau # 007FFF 0 127 255
Schwarz Das Schwarze #000000 0 0 0
Blau Blau # 0000FF 0 0 255
Bondi blau Bondi Beach Wasser # 0095B6 0 149 182
Messing Messing # B5A642 181 166 66
Braun Braun # 964B00 150 75 0
Cerulean Azurblau # 007BA7 0 123 167
Dunkles Frühlingsgrün Dunkles Frühlingsgrün #177245 23 114 69
Smaragd Smaragd # 50C878 80 200 120
Aubergine Aubergine #990066 153 0 102
Fuchsie Fuchsie # FF00FF 255 0 255
Gold Gold # FFD700 250 215 0
Grau Grau #808080 128 128 128
Grün Grün # 00FF00 0 255 0
Indigo Indigo # 4B0082 75 0 130
Jade Jade # 00A86B 0 168 107
Limette Limette # CCFF00 204 255 0
Malachit Malachit # 0BDA51 11 218 81
Marine Marineblau #000080 0 0 128
Ocker Ocker # CC7722 204 119 34
Olive Olive #808000 128 128 0
Orange Orange # FFA500 255 165 0
Pfirsich Pfirsich # FFE5B4 255 229 180
Kürbis Kürbis # FF7518 255 117 24
Lila Violett #800080 128 0 128
rot rot # FF0000 255 0 0
Safran Safran # F4C430 244 196 48
Meeresgrün Grünes Meer # 2E8B57 46 139 87
Sumpf grün Sumpf # ACB78E 172 183 142
Blaugrün Blau Grün #008080 0 128 128
Ultramarin Ultramarin # 120A8F 18 10 143
Violett Violett # 8B00FF 139 0 255
Gelb Gelb # FFFF00 255 255 0

Farbcodes (Hintergrund) nach Sättigung und Farbton.

HTML-Farben der Tabelle (Palette) gibt Ihnen die Möglichkeit, den gewünschten Ton unabhängig zu wählen. Der Farbwert wird in drei Formaten angezeigt: Hex, RGB und HSV.

  • Hex besteht aus drei zwei Zeichenwerten in hexadezimaler Notation. Zum Beispiel: # ff00b3 wobei das erste Zahlenpaar rot, das zweite grün und das dritte blau ist.
  • RGB (RedGreenBlue) hat die Form "200,100,255" und gibt die Menge des entsprechenden Tons (rot, grün, blau) in der resultierenden Farbe an.
  • HSV (Farbton, Sättigung, Wert - Farbton, Sättigung, Wert) - Farbmodell, in dem die Koordinaten sind:
    • Farbton - Farbton kann von 0 ° bis 360 ° variieren.
    • Sättigung - Sättigung, reicht von 0-100 oder 0-1. Je größer dieser Parameter ist, desto "reiner" ist die Farbe, weshalb dieser Parameter manchmal als Farbreinheit bezeichnet wird. Und je näher dieser Parameter an Null liegt, desto näher ist die Farbe an neutralem Grau.
    • Wert (Farbwert) - Legt die Helligkeit fest. Der Wert kann auch zwischen 0-100 und 0-1 variieren.

Farbcode eingeben: GEHEN

Liste der Farben mit Namen

In der Tabelle sind die englischen Farbnamen (die als Werte verwendet werden können) aufgeführt, die von allen Browsern unterstützt werden, sowie deren hexadezimale Werte. Alle aufgelisteten Farben sind "sicher", dh sie werden in allen Browsern gleich angezeigt.

Farbname VERHEXEN Farbe
Schwarz#000000
Marine#000080
Dunkelblau# 00008B
Mittelblau# 0000CD
Blau# 0000FF
Dunkelgrün#006400
Grün#008000
Blaugrün#008080
DarkCyan# 008B8B
DeepSkyBlue# 00BFFF
Darkturquoise# 00CED1
MediumSpringGreen# 00FA9A
Limette# 00FF00
Frühlingsgrün# 00FF7F
Aqua# 00FFFF
Cyan# 00FFFF
Mitternachtsblau#191970
DodgerBlue# 1E90FF
LightSeaGreen# 20B2AA
Waldgrün# 228B22
Meeresgrün# 2E8B57
DarkSlateGray# 2F4F4F
LimeGreen# 32CD32
MediumSeaGreen# 3CB371
Türkis# 40E0D0
Königsblau# 4169E1
Stahlblau# 4682B4
DarkSlateBlue# 483D8B
Mittel Türkis# 48D1CC
Indigo# 4B0082
DarkOliveGreen# 556B2F
Kadettenblau# 5F9EA0
Kornblumenblau# 6495ED
MediumAquaMarine# 66CDAA
DimGray#696969
SlateBlue# 6A5ACD
Olivgrün# 6B8E23
Schiefer grau#708090
LightSlateGray#778899
MediumSlateBlue# 7B68EE
LawnGreen# 7CFC00
Chartreuse# 7FFF00
Aquamarin# 7FFFD4
Kastanienbraun#800000
Lila#800080
Olive#808000
Grau#808080
Himmelblau# 87CEEB
LightSkyBlue# 87CEFA
Blau Violett# 8A2BE2
Dunkelrot# 8B0000
DarkMagenta# 8B008B
Sattelkrone# 8B4513
DarkSeaGreen# 8FBC8F
Hellgrün# 90EE90
MediumPurple# 9370D8
Dunkelviolett# 9400D3
Blasses Grün# 98FB98
DarkOrchid# 9932CC
Gelbgrün# 9ACD32
Sienna# A0522D
Braun# A52A2A
Dunkelgrau# A9A9A9
Hellblau# ADD8E6
Grün Gelb# ADFF2F
Paleturquoise#AFEEEE
LightSteelBlue# B0C4DE
PowderBlue# B0E0E6
FireBrick# B22222
DarkGoldenRod# B8860B
MediumOrchid# BA55D3
RosyBrown# BC8F8F
Darkkhaki# BDB76B
Silber# C0C0C0
MediumVioletRed# C71585
IndianRed# CD5C5C
Peru# CD853F
Schokolade# D2691E
Bräunen# D2B48C
Hellgrau# D3D3D3
PaleVioletRed# D87093
Distel# D8BFD8
Orchidee# DA70D6
GoldenRod# DAA520
Purpur# DC143C
Gainsboro#DCDCDC
Pflaume# DDA0DD
Kräftiges Holz# DEB887
LightCyan# E0FFFF
Lavendel# E6E6FA
Darksalmon# E9967A
Violett# EE82EE
PaleGoldenRod# EEE8AA
LightCoral# F08080
Khaki# F0E68C
Alice blau# F0F8FF
Honigtau# F0FFF0
Azurblau# F0FFFF
Sandybrown# F4A460
Weizen# F5DEB3
Beige# F5F5DC
Weißer Rauch# F5F5F5
MintCream# F5FFFA
GhostWhite# F8F8FF
Lachs# FA8072
Altweiß# FAEBD7
Leinen# FAF0E6
LightGoldenRodYellow# FAFAD2
OldLace# FDF5E6
rot# FF0000
Fuchsie# FF00FF
Magenta# FF00FF
Dunkelrosa# FF1493
Orange Rot# FF4500
Tomate# FF6347
HotPink# FF69B4
Koralle# FF7F50
Dunkelorange# FF8C00
LightSalmon# FFA07A
Orange# FFA500
Hell-Pink# FFB6C1
Rosa# FFC0CB
Gold# FFD700
PeachPuff# FFDAB9
NavajoWhite#FFDEAD
Mokassin# FFE4B5
Bisque# FFE4C4
MistyRose# FFE4E1
Blanchierte Mandel#FFEBCD
PapayaWhip# FFEFD5
LavenderBlush# FFF0F5
Muschel# FFF5EE
Cornsilk# FFF8DC
LemonChiffon#FFFACD
FloralWhite# FFFAF0
Schnee#FFFAFA
Gelb# FFFF00
Hellgelb# FFFFE0
Elfenbein# FFFFF0
Weiß#FFFFFF

DIE KLINGEL

Es gibt diejenigen, die diese Nachrichten vor Ihnen lesen.
Abonnieren Sie, um die neuesten Artikel zu erhalten.
Email
Name
Nachname
Wie willst du The Bell lesen?
Kein Spam