Was ist schwarzer Code? Farbe in Stilen können auf verschiedene Arten eingestellt werden: in Hexadezimalwert, nach Namen, in RGB, RGBA, HSL, HSLA-Format

Farbcodes in CSS werden verwendet, um die Farbe anzuzeigen. In der Regel werden Farbcodes oder Farbwerte verwendet, um die Farbe oder für den Vordergrund des Elements (z. B. die Textfarbe, Referenz) oder für den Hintergrund des Elements (Hintergrundfarbe, Block) zu installieren. Sie können auch verwendet werden, um die Farbe der Schaltfläche, Grenzen, Marker, während der Anleitung und anderen dekorativen Effekten zu ändern.

Sie können Ihre Farbwerte in verschiedenen Formaten einstellen. In der folgenden Tabelle sind alle möglichen Formate aufgeführt:

Darunter detaillierter werden die aufgelisteten Formate beschrieben.

CSS-Farben - Hexadezimalcodes

Sandsteinfarbcode - Dies ist eine sechsstellige Farbvorlage. Die ersten beiden Ziffern (RR) sind ein roter Wert, der folgende zwei ist ein grüner Wert (gg), und das letztere ist ein blauer Wert (BB).

CSS-Farben - kurze Hex-Codes

Kurzer Sechskant-Farbcode - Dies ist eine kürzere Form der sechsstelligen Notation. In diesem Format wird jede Ziffer wiederholt, um einen äquivalenten sechsstelligen Farbwert zu erhalten. Zum Beispiel: # 0F0 wird # 00FF00.

Der Hexadezimalwert kann von jeder Grafik genommen werden software, sowie Adobe Photoshop.Kernzug \u200b\u200bet al.

Jedes Hex-Halsband in CSS wird dem Hesha "#" -Zeichen vorangetrieben. Nachfolgend sind Beispiele für die Verwendung von Hexadezimalbezeichnungen.

CSS-Farben - RGB-Werte

RGB-Wert - Dies ist ein Farbcode, der mit der Eigenschaft RGB () eingestellt ist. Diese Eigenschaft dauert drei Werte: eine für rot, grün und blau. Der Wert kann eine ganze Zahl sein, von 0 bis 255 oder Prozentsatz.

Hinweis: Nicht alle Browser unterstützen die Eigenschaften von RGB () -Farben, sodass es nicht empfohlen wird, es zu verwenden.

Nachfolgend finden Sie ein Beispiel, das mehrere Farben mit RGB-Werten zeigt.

Farbcodegenerator.

Sie können Millionen von Farbcodes mit unserem Service erstellen.

Sichere Browserfarben

Nachfolgend finden Sie eine Tabelle mit 216 Farben, die am sichersten und unabhängig vom Computer am sichersten sind. Diese Farben in CSS reichen von 000000 bis zum FFFFFF des Hexadezimalcodes. Sie sind sicher zu verwenden, da sie sicherstellen, dass alle Computer bei der Arbeit mit 256 Farbpaletten korrekt angezeigt werden.

Tabelle "Sichere" Farben in CSS
#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.	# 66666ff.
#669900	#669933	#669966	#669999	# 6699cc.	# 6699FF.
# 66cc00.	# 66cc33.	# 66cc66.	# 66cc99.	# 66cccc.	# 66ccf.
# 66FF00.	# 66ff33.	# 66ff66.	# 66FF99.	# 66ffcc.	# 66FFFF.
#990000	#990033	#990066	#990099	# 9900cc.	# 9900ff.
#993300	#993333	#993366	#993399	# 9933C.	# 9933FF.
#996600	#996633	#996666	#996699	# 9966cc.	# 9966FF.
#999900	#999933	#999966	#999999	# 9999cc.	# 9999FF.
# 99cc00.	# 99cc33.	# 99cc66.	# 99cc99.	# 99cccc.	# 99ccf.
# 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.
# CCC00.	# 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.

In HTML kann Farbe auf drei Arten eingestellt werden:

Aufgabenfarbe in HTML nach seinem Namen

Einige Farben können mit dem Namen mit der Namensfarbe eingeschaltet werden englische Sprache. Die häufigsten Keywords: schwarz (schwarz), weiß (weiß), rot (rot), grün (grün), blau (blau) und dr:

Textfarbe - rot

Die beliebtesten Konsortium-Standardfarben Weltweites Netz (Deu. World Wide Web Consortium, W3C):

Name	Name	Name	Name
Schwarz.	Grau.	Silber	Weiß
Gelb	Limette	Aqua.	Fuchsie.
rot	Grün.	Blau	Lila.
Kastanienbraun.	Olive.	MARINE.	Titteral

Ein Beispiel für die Verwendung verschiedener Farbnamen:

Beispiel: Farbaufgabe nach seinem Namen

Versuch es selber "

Titel auf einem roten Hintergrund

Titel auf einem orangefarbenen Hintergrund

Titel auf Lyme-Hintergrund

Weißer Text auf blauem Hintergrund

Titel auf einem roten Hintergrund

Titel auf einem orangefarbenen Hintergrund

Titel auf Lyme-Hintergrund

Weißer Text auf blauem Hintergrund

Farbaufgabe mit RGB

Bei der Anzeige verschiedener Farben auf dem Monitor wird die RGB-Palette als Basis genommen. Jede Farbe wird durch Mischen von drei Hauptmischungen erhalten: R - rot (rot), G - grün (grün), Blau Blau). Die Helligkeit jeder Farbe wird von einem Byte eingestellt und kann daher Werte von 0 bis 255 annehmen. Beispielsweise wird RGB (255.0.0) als rot angezeigt, da das Rot in seinem höchsten Wert (255) installiert ist (255) , und der Rest ist auf 0 gesetzt. Sie können auch eine Farbe in Prozent einstellen. Jeder der Parameter zeigt den Helligkeitsgrad der entsprechenden Farbe an. Zum Beispiel: RGB-Werte (127, 255, 127) und RGB (50%, 100%, 50%) werden die gleiche grüne Sättigungsfarbe einstellen:

Beispiel: Aufgabenfarbe mit RGB

Versuch es selber "

rGB (127, 255, 127)

rGB (50%, 100%, 50%)

RGB (127, 255, 127)

RGB (50%, 100%, 50%)

Farbe in Hexadezimal einstellen

Werte R. G. B. Kann auch auch mit Hexadezimal-Farbwerten in Form: #rrgggbb aufgelistet werden, wobei RR (rot), gg (grün) und bb (blau) hexadezimale Werte von 00 bis ff sind (genauso als Dezimalzahl 0 -255). Das Hexadezimalsystem ist im Gegensatz zum Dezimalsystem, wie folgt aus seinem Namen, unter den 16. Das Hexadezimalsystem verwendet folgende Zeichen: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, B, C, D, E, F. Hier werden die Zahlen von 10 bis 15 durch lateinische Buchstaben ersetzt. Die Zahlen sind mehr als 15 in einem Hexadezimalsystem mit zwei Zeichen zu einem Wert zugeordnet. Zum Beispiel die größte Zahl 255 in dezimalsystem Entspricht dem höchsten FF-Wert im Hexadezimalsystem. Im Gegensatz zum Dezimalsystem, vor dem Hexadezimal, das Gittersymbol # Zum Beispiel wird # FF0000 als rote Farbe angezeigt, da das Rot in seinem höchsten Wert (FF) installiert ist, und die verbleibenden Farben werden auf den Mindestwert (00) eingestellt. Zeichen nach Gittersymbol # Sie können sowohl Großbuchstaben als auch Zeile wählen. Das Hexadezimalsystem ermöglicht die abgekürzte Form des Formulars #RGB, wo jedes Zeichen doppelt äquivalent ist. Die Aufnahme # F7O sollte also als # FF7700 angesehen werden.

Beispiel: Farbhex

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 blau: # 00FFFF

Liste der weit verbreiteten Farben (Name, Hex und RGB):

englischer Name	Russischer Name	Verhexen.	RGB.
Amaranth	Amarante	# E52B50.	229	43	80
Bernstein	Bernstein	# Fbf00.	255	191	0
Aqua.	Sinusgrü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 Blue.	Wasserstrand Bondi.	# 0095b6.	0	149	182
Messing.	Messing	# B5A642.	181	166	66
Braun.	Braun	# 964B00.	150	75	0
Cerulean.	Azurblau	# 007ba7.	0	123	167
Dunkler Frühlingsgrün.	Dunkler 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.	Lila	#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
Sumpfgrün.	Bolotnaya.	# Acb78e.	172	183	142
Titteral	Sinusgrün.	#008080	0	128	128
Ultraramarin.	Ultramarin	# 120A8F.	18	10	143
Violett.	Lila	# 8b00ff.	139	0	255
Gelb	Gelb	# Ffff00.	255	255	0

Blumencodes (Hintergrund) auf Sättigung und Farbton.

11.12.14 11.1k.

Leider können die Geschmackssenkungen auf der Website nicht angezeigt werden, während es unmöglich ist. Dies kann jedoch vollständig durch das Farbschema kompensiert werden. Schließlich ermöglichen es Ihnen HTML-Farben, einen der Millionen von Farbtönen anzuzeigen. So dass " buntstifte"In seinem Set, viel mehr als sieben.

Farbkamut in HTML

In HTML kann die Farbe in mehreren Formaten eingestellt werden:

1. In Form von Hexadezimal wird der im Hexadezimalcalculus-System angegebene Code verwendet. Solche Farbcodes in HTML bestehen aus drei Paare von Hexadezimalzahlen. Jedes Paar ist für die Sättigung des Farbtons mit seiner primären Farbe verantwortlich:

Das erste numerische Paar - ist für rot verantwortlich;
Zweiter Dampf - für den Inhalt von Grün;
Letzteres ist für den Inhalt von Blau.

Am Anfang des Codes (vor den Zahlen) legen Sie ein Gitter ein Gitter. Also bezeichnet Hexadezimal farbcode. Zusätzlich zu den Zahlen von 1 bis 9 werden in diesem Kalkülsystem die Buchstaben des lateinischen Alphabets (A, B, C, D, E, F) verwendet.

Zum Beispiel Code weiße Farbe HTML hat einen Look #FFFFFF:

2. Stichwort - Jetzt unterstützt HTML über 147 Schlüsselwörter. Aber nicht alle dieser Wörter sind einzigartig. Einige von ihnen beziehen sich auf den gleichen Farbschirm.

Grau wird mit zwei Keywords angezeigt: grau und grau. Ihr Hexadezimalcode (Hex) ist auf den gleichen Wert # 808080 eingestellt.

Beispiel:

#808080

3. Im RGB-Format - Diese Farbkodierung in HTML basiert auf der Verwendung von drei Werten, die im Bereich von 0 bis 255 angegeben sind. Jeder von ihnen bestimmt die Sättigung des Farbtons um eines der Hauptfarben:

R - rot (rot);
G - grün (grün);
B - Blau (blau).

Die Farbnummer im RGB-Format wird in diesem Formular aufgezeichnet: RGB (0, 210, 100).

hintergrundfarbe: RGB (100,186,43)

4. Im RGBA-Format - ist es ein fortschrittliches RGB-Format, in dem der vierte Wert auf Farbtransparenz in Form einer Dezimalfraktion von 0 bis 1 eingestellt ist.

Verwendung des Gebrauchs:

hintergrundfarbe: RGBA (100,86,143,0,2)

hintergrundfarbe: RGBA (100,86,143,0,5,5.5)

hintergrundfarbe: RGBA (100,86,143,0.8)

hintergrundfarbe: RGBA (100,86,143,1)

HTML-Farbtische und Farbgeneratoren

Mit so großen Streuungsformaten können die Farbinstallationsformate einfach verwirrt werden. Daher wurde eine spezielle Farbentabelle erfunden. Darin erhalten die Schlüsselnamen der Farbnuancen in allen wichtigen Farbrepräsentationsstandards Compliance-Codes. Zusätzlich ist jedes Feld mit einer Planke zur visuellen Auswahl der Farbe ausgestattet. Eine dieser Tabellen wird auf colorcheme.ru dargestellt:

Aber auch bei einer solchen Strukturierung der Compliance kann die Auswahl des gewünschten Farbtons schwierig sein. Ja, und es ist keine Tatsache, dass in der Tabelle der Farbcodes ein notwendig ist.

Um diese Barriere umzusetzen und die Auswahl des gewünschten Farbtons so weit wie möglich zu vereinfachen, wurden interaktive Webdienste entwickelt. Ihre Benutzeroberfläche kann etwas anders sein.

Bei html-color-codes.info-Blumengenerator hat diese Art:

Und im Color-Picker.appsmaster.co-Service wird dieses Tool ein wenig anders realisiert:

Die Sättigung jeder Farbe im Generator wird mit speziellen Schieberegler eingestellt. Visituell wird durch die Farbe des Rahmens und des Rechtecks \u200b\u200bauf der linken Seite angezeigt. An der Unterseite der 3 Felder zeigt der Farbcode in den Hauptformaten an.

Der Blumengenerator ist jedoch nicht nur auf spezialisierten Standorten verfügbar. Fast alle grafischen Redakteure sind mit einem ähnlichen Werkzeug ausgestattet. Photoshop:

Sicherheit beim Arbeiten mit Farbe

Und es war schon lange her, noch in der Ära der Videokarten, die nur 256 Farben unterstützen. In diesen fernen Zeiten os Konnte nicht verzerrung, um nur eine bestimmte Anzahl von acht Bit-Tönen anzuzeigen.

Dann wurde die tolle Tabelle der sicheren Farben gezüchtet. Es gab 216 Farbtöne an, die ohne Verzerrung in einem der von dieser Zeit ohne Verzerrung angezeigt werden konnten. Bis heute das " großes Manuskript»Es ist noch in einigen Ressourcen verfügbar:

Heutzutage hat sich alles geändert. Daher sind alle Sicherheitsvorschriften beim Arbeiten mit Farbe in HTML vollständig aufgeregt. Nach allem unterstützt moderne Computerhardware mehr als 16 Millionen verschiedene Farbtöne. Und 216 sichere Farben sind in der Fliege gesunken.

Zum Festlegen von Farben werden Zahlen im Hexadezimalcode verwendet. Das Hexadezimalsystem, im Gegensatz zum Dezimalsystem, basiert, wie folgt aus seinem Namen unter der Nummer 16. Die Zahlen sind die folgenden: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Figuren von 10 bis 15 werden durch lateinische Buchstaben ersetzt. Die Zahlen sind im Hexadezimalsystem mehr als 15 in der Kombination von zwei Zahlen in einem. Beispielsweise entspricht die Zahl 255 im Dezimalsystem der Zahl FF im Hexadezimalsystem. Um keine Verwirrung in der Definition des Nummernsystems zu verwechseln, wird das Gittersymbol vor Hexadezimal eingestellt, beispielsweise 666999. Jede der drei Farben ist rot, grün und blau - kann Werte von 00 bis ff annehmen. Somit ist die Bezeichnung der Farbe in drei Komponenten #rrggbb unterteilt, in der die ersten beiden Zeichen den roten Bauteil der Farbe, zwei mittelgroße, markieren, und die letzten beiden sind blau. Es dürfen die abgekürzte Form von #RGB verwenden, wo jedes Zeichen doppelt doppelt werden soll. Die Aufnahme Nr. FE0 sollte also als # ffee00 angesehen werden.

Nach Titel

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 entsprechend ihrem Namen. Auf der Registerkarte. 1 Zeigt die Namen, den Hexadezimalcode, Werte im RGB, HSL-Format und -beschreibung an.

Tabelle. 1. Blumennamen

Name	Der Code	RGB.	HSL	Beschreibung
weiß	#FFFFFFF 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,0255)	hSL (240,100%, 50%)	Blau
mARINE.	#000080	rGB (0,0,128)	hSL (240.100%, 25%)	Marineblau
titteral	#008080	rGB (0,128,128)	hSL (180.100%, 25%)	Sinusgrün.
fuchsie.	# Ff00ff oder # f0f	rGB (255,0,255)	hSL (300,100%, 50%)	Rosa
lila.	#800080	rGB (128,0,128)	hSL (300,100%, 25%)	Lila

Verwenden von 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 mit den Werten der roten, grünen und blauen Komponente in Dezimalkalkulus bestimmen. Jede der drei Farbkomponenten nimmt einen Wert von 0 bis 255 an. Es ist auch zulässig, die Farbe als Prozentsatz einzustellen, und 100% entsprechen der Zahl 255. Erstens ist das RGB-Schlüsselwort angegeben, und dann in Klammern, Farbkomponenten wie 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 der Syntax auf RGB, enthält jedoch einen Alphakanal, der die Transparenz des Elements angibt. Der Wert von 0 entspricht vollen Transparenz, 1 - Deckkraft und zwischenwert Es scheint 0,5 - transluzent zu sein.

RGBA wurde zu CSS3 hinzugefügt, sodass die CSS-Code-Validierung gemäß dieser Version ausgeführt werden muss. Es sei darauf hingewiesen, dass der CSS3-Standard noch in der Entwicklung ist und einige Möglichkeiten darin ändert. Beispielsweise gibt die Farbe im RGB-Format, die der Hintergrundfarbe-Eigenschaft hinzugefügt hat, Validierung übergibt, und der Hintergrund wurde bereits in der Eigenschaft hinzugefügt. Gleichzeitig verstehen Browsern die Farbe für beide Eigenschaften recht 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 der Kombination der ersten Hue-Buchstaben (Tint), Saturaat und Leichtigkeit (SVETLOTA) gebildet. Der Farbton ist der Farbwert im Farbkreis (Abb. 1) und in Grad eingestellt. 0 ° entspricht einer roten Farbe, 120 ° - Grün und 240 ° - Blau. Der Farbwert kann von 0 bis 359 variieren.

Feige. 1. Farbkreis

Die Sättigung ist die Intensität der Farbe, wird als Prozentsatz von 0% bis 100% gemessen. Der Wert von 0% gibt das Fehlen von Farbe und Farbton von Grau, 100% maximaler Sättigungswert an.

SvetLota setzt, wie viel die Farbe hell ist und als Prozentsatz von 0% bis 100% angegeben ist. Kleine Werte machen die Farbe dunkler, und hohe leichtere, extreme Werte von 0% und 100% entsprechen der Schwarzweißfarbe.

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 der HSL-Syntax, enthält jedoch einen Alphakanal, der die Transparenz des Elements angibt. Der Wert von 0 entspricht der vollständigen Transparenz, 1 - Deckkraft und dem Zwischenwert wie 0,5 - Translucency.

Farbwerte in RGBA, HSL- und HSLA-Formaten werden zu CSS3 hinzugefügt, also überprüfen Sie bei der Verwendung dieser Formate den Code für die Gültigkeit, wobei die Version berücksichtigt wird.

HTML5 CSS2.1 CSS3 IE CR OP OP SA FX

Farben

Eine Warnung

Alle auf dem Gelände aufgeführten Lion Fishing-Methoden sind theoretisch und basierend auf Rechenmethoden. Die Autoren garantieren Ihre Sicherheit nicht, wenn Sie sie verwenden und alle Verantwortung für das Ergebnis entfernen. Denken Sie daran, Lion ist ein Raubtier und ein gefährliches Tier!

ARRRRGH!

Das Ergebnis dieses Beispiels ist in Fig. 4 gezeigt. 2

Feige. 2. Farben auf einer Webseite

Vlad Merzehevich.

In HTML wird die Farbe von einer der zwei Arten eingestellt: mit Hilfe des Hexadezimalcodes und mit dem Namen einiger Farben. Die Methode wird hauptsächlich verwendet, basierend auf einem Hexadezimalkalkalsystem als universellste.

Hex-Farben

Zum Festlegen von Farben in HTML werden Zahlen im Hexadezimalcode verwendet. Das Hexadezimalsystem, im Gegensatz zum Dezimalsystem, basiert, wie folgt aus seinem Namen unter der Nummer 16. Die Zahlen sind die folgenden: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Die Zahlen von 10 bis 15 werden durch lateinische Buchstaben ersetzt. Auf der Registerkarte. 6.1 Die Korrespondenz von Dezimal- und Hexadezimalzahlen ist gegeben.

Die Zahlen sind mehr als 15 im Hexadezimalsystem, die durch die Kombination von zwei Zahlen in einem (Tabelle 6.2) gebildet werden. Beispielsweise entspricht die Zahl 255 im Dezimalsystem der Zahl FF in Hexadezimal.

Um keine Verwirrung in der Definition des Nummernsystems zu verwechseln, wird das Gittersymbol vor Hexadezimal festgelegt, zum Beispiel # AA69CC. In diesem Fall spielt das Register keine Rolle, daher ist es zulässig, # F0F0F0 oder # F0F0F0 zu schreiben.

Die in HTML verwendete typische Farbe ist wie folgt.

Hier wird die Farbe der Webseite als # FA8E47 eingestellt. Das Gittersymbol # vor der Zahl bedeutet, dass es hexadezimal ist. Die ersten beiden Ziffern (FA) bestimmen die rote Komponente der Farben, die Zahlen mit dem dritten bis zum vierten (8e) - Grün und den letzten beiden Ziffern (47) - blau. Infolgedessen wird es eine solche Farbe herausstellen.

FA.

8e.

FA8E47.

Jede der drei Farben ist rot, grün und blau - kann Werte von 00 bis ff annehmen, was letztendlich 256 Töne bildet. Somit kann die Gesamtzahl der Farben 256x256x256 \u003d 16.777.216 Kombinationen betragen. Das Farbmodell basierend auf der roten, grünen und blauen Komponente wurde als RGB genannt (rot, grün, blau; rot, grün, blau). Dieses Modell ist additiv (von Add-Tolay), in dem die Zugabe aller drei Komponenten weiß bildet.

Um es einfacher zu machen, in hexadezimalen Farben zu navigieren, berücksichtigen Sie einige Regeln.

Wenn die Werte der Farbkomponente gleich sind (zum Beispiel: # D6D6D6), dann erscheint es heraus graue Tönung. Als mehr nummer, die leichtere Farbe, die Werte ändern sich von # 000000 (schwarz) bis #FFFFFF (weiß).
Helle rote Farbe wird gebildet, wenn die rote Komponente maximal (FF) und die verbleibenden Komponenten zurückgesetzt wird. Farbe mit dem Wert # FF0000 ist das Rot von möglichen roten Farbtönen. Dies ist das gleiche mit grün (# 00FF00) und blau (# 0000ff).
Gelb (# FFFF00) wird durch Mischen von Rot mit Grün erhalten. Es ist im Farbkreis deutlich sichtbar (Abb. 6.1), wo die Hauptfarben (rot, grün, blau) und komplementär oder zusätzlich dargestellt werden. Dazu gehören gelb, blau und lila (noch als lila genannt). Im Allgemeinen kann jede Farbe erhalten werden, indem die Blumen in der Nähe von ihm gemischt werden. Also, blau (# 00ffff) wird durch Kombination von Blau und Grün erhalten.

Feige. 6.1. Farbkreis

Farben in hexadezimalen Werten wählen nicht unbedingt empirisch aus. Für diesen Zweck kann ein grafischer Editor funktionieren, der mit unterschiedlichem arbeiten kann farbmodelleZum Beispiel Adobe Photoshop. In FIG. 6.2 Anzeigen eines Fensters Um die Farbe in diesem Programm auszuwählen, ist die Zeile den resultierenden Hexadezimalwert der aktuellen Farbe umkreist. Es kann kopiert und auf meinen Code eingefügt werden.

Feige. 6.2. Fenster, um Farbe in auszuwählen photoshop-Programm.

Webfarben

Wenn Sie die Qualität der Monitor-Farbwiedergabe in 8 Bits (256 Farben) einstellen, kann dieselbe Farbe in angezeigt werden verschiedene Browser auf seine eigene Art und Weise. Dies ist auf das Verfahren zum Anzeigen von Grafiken zurückzuführen, wenn der Browser mit seiner eigenen Palette arbeitet und die Farbe nicht zeigen kann, dass er nicht in der Palette hat. In diesem Fall wird die Farbe durch eine Kombination von Pixeln anderer, naher Farben ersetzt, die das angegebene nachahmen. Damit die Farbe in verschiedenen Browsern unverändert bleibt, stellte die Palette der sogenannten Webfarben ein. Websäten werden für jede Komponente, von denen - rot, grün und blau - ein der sechs Werte installiert ist - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC ), 255 (ff). In Klammern ist der Hexadezimalwert dieser Komponente angegeben. Die Gesamtzahl der Farben aus allen möglichen Kombinationen ergibt 6x6x6 - 216 Farben. Beispiel Webfarbe - # 33FF66.

Das Hauptmerkmal der Webfarbe ist, dass es in allen Browsern gleichermaßen angezeigt wird. Derzeit ist die Relevanz von Webfarben ziemlich gering, weil sie die Qualität der Monitore verbessert und ihre Fähigkeiten erweitert.

Farben nach Namen.

Um den Nummernsatz nicht auswendig zu lernen, können Sie stattdessen die Namen der weit verbreiteten Farben verwenden. Auf der Registerkarte. 6.3 Zeigt die Namen der beliebten Farbnamen an.

Tabelle. 6.3. Namen einiger Farben

Farbname	Beschreibung	Hexadezimal
schwarz.	Das Schwarze	#000000
blau	Blau	# 0000ff.
fuchsie.	Helles Lila	# Ff00ff.
grau.	Dunkel grau	#808080
grün.	Grün	#008000
limette	Hellgrün	# 00FF00.
kastanienbraun.	Dunkelrot	#800000
mARINE.	Marineblau	#000080
olive.	Olive	#808000
lila.	Dunkelviolett	#800080
rot	rot	# FF0000.
silber	Hell grau	# C0c0c0.
titteral	Sinusgrün.	#008080
weiß	Weiß	#FFFFFF.
gelb	Gelb	# Ffff00.

Es spielt keine Rolle, wie Sie die Farbe festlegen - nach seinem Namen oder mit Hexadezimalzahlen. In Bezug auf seine Aktion sind diese Wege gleich. Beispiel 6.1 Zeigt an, wie Sie die Farbe des Hintergrunds und des Textes der Webseite einstellen.

Beispiel 6.1. Farbhintergrund und Text

Farben

Beispieltext

IM dieses Beispiel Die Hintergrundfarbe wird mit dem BGColor-Tag-Attribut eingestellt und die Farbe des Textes über das Textattribut. Für eine Vielfalt wird der Wert des Textattributs als Hexadezimalzahl eingestellt, und BGColor hat einen reservierten schlüsselwörter Teal.

Drucken

Auch interessant:

Der Laptop ist sehr heiß, nachdem Windows 10 den Prozessor stark erwärmt

Welches Netzteil ist von modernen Spiel-PC-CPU-Stromverbindern erforderlich?

Warum der Computer nicht einschaltet und wie Sie feststellen sollen, was pleite

Wir empfehlen das Lesen:

2021-05-23 11:48:12

Warum nicht einen Laptop starten, was soll ich tun?

2021-05-23 11:48:12

HP Laptop nach dem Update lässt sich nicht einschalten

2021-05-23 11:48:12

Was tun, wenn Windows 8 nicht startet

Fortsetzung des Themas:

W-lan

Warum das Ladegerät beim Laden des Telefons erhitzt wird

Zu wissen, warum das Telefon erhitzt wird, kann der Benutzer versuchen, seine Temperatur zu reduzieren. Dies wird dazu beitragen, eines der häufigsten Probleme zu lösen - obwohl er damit konfrontiert ist ...