Verwendung von Hex-Farben für HTML5- und CSS3-basierte Webseiten - Dummies

Farben in HTML5 sind eine seltsame Sache. Der "einfache" Weg (Farbnamen) hat viele Probleme. Die Methode, die die meisten Webentwickler wirklich verwenden, klingt viel schwieriger, aber es ist nicht so schlimm, wie es zunächst scheinen mag. Das Hex-Farbschema verwendet eine scheinbar bizarre Kombination von Zahlen und Buchstaben, um Farbwerte zu bestimmen. ist Aqua. ist gelb. Es ist ein Schema, das nur ein Informatiker lieben könnte.

Hex-Farben funktionieren, indem sie genau beschreiben, was der Computer macht. Sie müssen also ein wenig mehr darüber wissen, wie Computer mit Farbe arbeiten. Jeder Punkt (oder Pixel ) auf dem Bildschirm besteht tatsächlich aus drei winzigen Lichtstrahlen. Jedes Pixel hat winzige rote, grüne und blaue Strahlen.

Die Lichtstrahlen funktionieren wie Bühnenlichter. Stellen Sie sich eine schwarze Bühne mit drei Scheinwerfern (rot, grün und blau) vor, die an derselben Stelle trainiert werden. Wenn alle Lichter ausgeschaltet sind, ist die Bühne völlig dunkel. Wenn Sie nur das rote Licht einschalten, sehen Sie rot. Sie können Kombinationen aktivieren, um neue Farben zu erhalten.

Farbe nach Nummer

In einem Computersystem kann jedes der kleinen Lichter auf verschiedene Helligkeitsstufen eingestellt werden. Diese Werte messen von 0 bis 255. Daher könnten Sie rot als und gelb als beschreiben.

Der Wertebereich von 0 bis 255 erscheint seltsam, weil Sie wahrscheinlich 10 Mathematik zugrunde gelegt haben. Der Computer speichert die Werte tatsächlich in binärer Notation. Die Art und Weise, wie ein Computer es sieht, ist gelb 111111111111111100000000. Ack! Es muss eine einfachere Möglichkeit geben, all diese binären Werte zu verarbeiten. Deshalb verwenden Entwickler Hexadezimalschreibweise .

Jede Seite, die mit dem Benutzer interagiert, verwendet eine Programmiersprache. Schauen Sie sich den Code an, aber machen Sie sich keine Sorgen, wenn Sie noch nicht bereit sind, Ihren Websites Programmierung hinzuzufügen.

Hexenausbildung

All diese Einsen und Nullen werden langweilig. Programmierer konvertieren gerne in ein anderes Format, mit dem man leichter arbeiten kann. Ob Sie es glauben oder nicht, es ist einfacher, binäre Zahlen in Basis 16 als Basis 10 zu konvertieren, also tun das Programmierer. Sie können gut überleben, ohne die Konvertierung von Base 16 (auch hexadezimal genannt) zu verstehen. Sie sollten jedoch einige wichtige Funktionen kennen, wie zum Beispiel:

Jede Hexadezimalziffer ist Abkürzung für vier Ziffern von Binär. Der Grund, warum Programmierer Hex verwenden, ist die Vereinfachung der Arbeit mit Binärdateien.
Jede Ziffer steht für einen Wert zwischen 0 und 15. Vier Ziffern von binär stellen einen Wert zwischen 0 und 15 dar.

Wir müssen einige Ziffern erfinden. Der ganze Grund, warum hex so komisch aussieht, ist die Einbeziehung von Zeichen.Das hat einen einfachen Grund: Es gibt nicht genug numerische Ziffern, um herumzugehen!

Dezimal (Basis 10)	Hex (Basis 16)
0	0
1	1
2 2 3 3 > 4	4
5	5 6 6 7 7 8 8 999 9 999 9 999
A	11
B	12 C
13	D
14 E	15 F
Die normalen Ziffern 0-9 sind in hex genauso wie in base 10, aber die Werte von 10-15 (base ten) werden durch hexadezimale Buchstaben dargestellt.	Sie sind es gewohnt, den Wert 10 als gleich der Anzahl der Finger auf beiden Händen zu sehen, aber das ist nicht immer der Fall, wenn Sie mit Nummerierungssystemen herumspielen, wie wir es hier tun. Die Zahl 10 bedeutet einfach eine der aktuellen Basisdaten. Bis jetzt haben Sie vielleicht noch nie eine Basis benutzt, sondern zehn, aber das ändert sich heute.
Die Zahl 10 ist zehn in der Basis zehn, aber in der Basis zwei bedeutet 10 zwei. In der Basis acht bedeutet 10 acht und in der sechzehnten Basis bedeutet 10 sechzehn. Das ist wichtig, denn wenn Sie über die Anzahl der Ziffern auf Ihren Händen in Hex sprechen wollen, können Sie nicht die vertraute Schreibweise 10 verwenden, weil Hexadezimal 10 sechzehn bedeutet.	Sie benötigen einen einstelligen Wert, um zehn zu repräsentieren, also haben sich Informatiker aus diesem Chaos heraus durch die Ausleihe von Briefen entschuldigt. 10 ist A, 11 ist B und 15 ist F.
Wenn all diese mathematische Theorie dich schwindlig macht, mach dir keine Sorgen. Es gibt einige Abkürzungen, um großartige Farben mit diesem Schema zu erstellen. Vorläufig müssen Sie jedoch verstehen, wie Hexenfarben verwendet werden können:	Eine Farbe erfordert sechs Hexadezimalzahlen.
Ein Pixel benötigt drei Farben, und jede Farbe verwendet acht Ziffern von Binärwerten. Zwei Ziffern von Hex decken jede Farbe ab. Zwei Ziffern stehen für Rot, zwei für Grün und schließlich zwei für Blau.	Hex-Farbwerte beginnen normalerweise mit einem Nummernzeichen.
Um den Browser zu warnen, dass ein Wert hexadezimal ist, wird dem Wert normalerweise ein Nummernzeichen (#) vorangestellt.	Das Arbeiten mit Farben in Hex-Form mag wirklich verrückt und schwierig erscheinen, hat aber einige wichtige Vorteile:
Präzision:	Mit diesem System können Sie eine große Anzahl von Farben bearbeiten. Es gibt keine Möglichkeit, dass Sie mit so vielen Farbnamen auf eigene Faust kommen können. Nun, das konnte man, aber du warst sehr, sehr alt, als du fertig warst.
Objektivität:	Hexwerte sind nicht Gegenstand der Meinung. Es könnte ein Argument darüber geben, welche Farbe Sienna verbrannt wird, aber der Hexadezimalwert ist eindeutig.
Portabilität:	Die meisten Grafikbearbeitungssoftware verwendet das Hex-System, so dass Sie jede Farbe eines Bildes auswählen und sofort seinen Hex-Wert erhalten können. Dies würde es einfach machen, die Augenfarbe Ihrer Katze für diesen Online-Schrein zu finden.

Vorhersehbarkeit:

Nachdem Sie verstanden haben, wie es funktioniert, können Sie jede Hex-Farbe nehmen und sie in einen Wert umwandeln, der etwas dunkler, etwas heller oder etwas blauer ist. Das ist schwierig mit benannten Farben.

Benutzerfreundlichkeit:

Das kann wie eine Dehnung wirken, aber nachdem Sie die Websicherheits-Palette verstanden haben, ist es sehr einfach, eine grobe Vorstellung von einer Farbe zu bekommen und sie dann zu optimieren, um genau die Form zu erhalten, die Sie haben. Auf der Suche nach.