Das Konvertieren von Farben von RGB in HEX ist so einfach wie das Konvertieren ihrer Zahlenwerte vom Dezimal- in das Hexadezimalzahlensystem. Um die RGB-Farbe (50, 168, 82) zu konvertieren, konvertieren wir jede Zahl in einen Hexadezimalwert:
50 = 32 168 = A8 82 = 52
RGB(50, 168, 82) = #32A852
RGB
steht für rote, grüne und blaue Lichttöne, die gemischt werden können, um verschiedene Farben zu erzeugen. Dies ist die Standardmethode zur Erzeugung von Bildern für Fernsehbildschirme, Computermonitore und Smartphone-Displays.
Genauer gesagt ist RGB ein additives Farbmodell, dh Sie müssen Farbtöne addieren, um eine andere Farbe zu erstellen.
Stellen Sie sich vor, Sie stapeln Farben übereinander:
Hinweis: Unterschiedliche Geräte erzeugen unterschiedliche RGB-Werte. Jedes Gerät verwendet eine andere Farbmischungstheorie, was bedeutet, dass die RGB-Farben nicht für alle Geräte gleich sind und dass das Farbmanagement gleich aussehen muss.
Um eine Farbe im RGB-Farbmodell zu beschreiben, müssen Sie angeben, wie viel Rot, Grün und Blau benötigt werden.
Mit einem RGB-Triplett geben Sie an, wie viel Rot, Grün und Blau benötigt wird (R, G, B.)
Dabei kann jedes der Elemente von Null bis zu einem definierten Maximalwert variieren.
Wenn alle Elemente bei Null sind (0, 0, 0)
- Das Ergebnis ist eine schwarze Farbe.
Wenn alle Elemente maximal sind (255, 255, 255)
- Das Ergebnis ist eine weiße Farbe.
Kombinationen dieser Zahlen ergeben unterschiedliche Farben (255, 255, 0)
- Das Ergebnis ist eine gelbe Farbe
Dies ist bekannt als Farbtiefe und wird in Bits gemessen.
Ab 2018 verwendet fast jedes Fernseh-, Computer- und Smartphone-Display eine 24-Bit-Farbtiefe wahre Farbe. Es unterstützt acht Bit für jede der drei Farben oder insgesamt 24 Bit.
Dies bietet 28 oder 256 mögliche Werte für Rot, Grün und Blau:
256 x 256 x 256 = 16,777,216 insgesamt mögliche Farben in der Echtfarbpalette
Hexadezimal
beschreibt ein Basis-16-Zahlensystem, das aus 16 Symbolen besteht. Es verwendet Zahlen von 0 bis 9, um Zahlen von 0 bis 9 darzustellen, und Buchstaben A bis F, um die Zahlen von 10 bis 15 darzustellen.
Es wird in der Informatik und Mathematik am häufigsten verwendet, um Binärcode in einer für Menschen lesbaren Form darzustellen.
Im Gegensatz zu Computern oder Wissenschaftlern verwenden die meisten von uns das Dezimalzahlensystem. Es besteht aus Zahlen von 0 bis 9 und ist die Standardmethode für die Verwendung von Zahlen. Wir lernen es in der Vorschule und benutzen es jeden Tag:
ein Auto fährt mit 10 Meilen pro Stunde Eine Katze wiegt 4 kg Ein Monat besteht aus 30 Tagen
Nachdem wir den Unterschied zwischen hexadezimal und dezimal kennen, wollen wir untersuchen, wie wir von einem zum anderen konvertieren können.
Wie wir bereits wissen, stehen im Hexadezimalzahlensystem Zahlen von 0 bis 9 für 0 bis 9 und die Buchstaben A bis F für 10 bis 15 im Dezimalsystem.
Hier ist eine ausführliche Tabelle, die die Konvertierung von Hexadezimal- in Dezimalzahlen gut erklärt:
Um RGB in HEX zu konvertieren, müssen Sie die Farbwerte Rot, Grün und Blau von Dezimal in Hexadezimal konvertieren.
Beispiel #1: Farbe rot umwandeln (255, 0, 0)
zu VERHEXEN:
R. = 255 = FF G = 0 = 00 B. = 0 = 00 VERHEXEN = #FF0000
Beispiel #2: Farbe grün umwandeln (0, 255, 0)
zu VERHEXEN:
R. = 0 = 00 G = 255 = FF B. = 0 = 00 VERHEXEN = #00FF00
Beispiel #3: Farbe blau umwandeln (0, 0, 255)
zu VERHEXEN:
R. = 0 = 00 G = 0 = 00 B. = 255 = FF VERHEXEN = #0000FF
Beispiel #4: Farbe schwarz umwandeln (0, 0, 0)
zu VERHEXEN:
R. = 0 = 00 G = 0 = 00 B. = 0 = 00 VERHEXEN = #000000
Beispiel #5: Farbe weiß umwandeln (255, 255, 255)
zu VERHEXEN:
R. = 255 = FF G = 255 = FF B. = 255 = FF VERHEXEN = #FFFFFF
Bonus Beispiel #6: Farbe Gold umwandeln (255, 215, 0)
zu VERHEXEN:
R. = 255 = FF G = 215 = D7 B. = 0 = 00 VERHEXEN = #FFD700
Um HEX in RGB umzuwandeln, müssen Sie den Hexadezimalwert in Zweierpaare aufteilen und in eine Dezimalzahl umwandeln.
Beispiel #1: Farbe rot umwandeln #FF0000
zu RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
Beispiel #2: Farbe grün umwandeln #00FF00
zu RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
Beispiel #3: Farbe blau umwandeln #0000FF
zu RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
Beispiel #4: Farbe schwarz umwandeln #000000
zu RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
Beispiel #5: Farbe weiß umwandeln #FFFFFF
zu RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
Bonus Beispiel #6: Farbe Gold umwandeln #FFD700
zu RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
Wie wir aus den obigen Beispielen sehen können, besteht der Hauptunterschied zwischen RGB und HEX darin, dass unterschiedliche Zahlensysteme verwendet werden. RGB verwendet Dezimalstellen und HEX Hexadezimalzahlen.
Das Konvertieren von Farben von RGB in HEX ist so einfach wie das Konvertieren ihrer Zahlenwerte von Dezimal- in Hexadezimalzahlensystem.
Nach unserer Erfahrung und nach den Beobachtungen unseres Teams wird Hexadezimal häufiger verwendet als RGB, insbesondere in der Webentwicklungs- und Webdesignbranche.
Es spielt jedoch keine Rolle, welche Sie verwenden, da beide dieselbe Farbe darstellen. Der einzige Vorschlag - bleiben Sie konsequent.
Wenn Sie RGB in unserem gesamten Webprojekt verwenden, bleiben Sie dabei. Wenn Sie HEX in unserem gesamten Webprojekt verwenden, versuchen Sie, nur HEX zu verwenden