RGB-Konverter
Konvertieren Sie zwischen RGB-, HEX-, HSL- und CMYK-Farbformaten
So nutzen Sie RGB-Konverter
- 1Geben Sie Werte zwischen 0 und 255 für Rot, Grün, Blau ein.
- 2Ziehen Sie einen Schieberegler, um die in Echtzeit erzeugte Farbe anzuzeigen.
- 3Kopieren Sie HEX-, HSL- oder CSS-Codes für Ihr Projekt.
Wie der RGB die Farbe bildet
Farbe = (R, G, B), 0 bis 255 pro Kanal; HEX = #RRRGGBBDer RGB-Mix aus drei Lichtkanälen (0,0) ist schwarz, (255,255,255) weiß und die drei gleichen sind graue Schritte.
Der Bildschirm ist aktiv, also ist der RGB farbig: Im Gegensatz zur Farbe ist die Überlagerung aller Kanäle eher weiß als schwarz.
RGB ist** ein farbiges Modell** (ein superschweres Licht) für die Bildschirmdarstellung: drei Kanäle voller 0 sind schwarz und 255 sind weiß. Dies ist das Gegenteil des CMYK für den Druck - je mehr Farben gemischt werden, desto mehr vier Farben und desto weniger schwarz. Das Skript ist gut auf dem Bildschirm, aber es ist dunkel, vor allem aus diesem Grund, und muss in der Entwurfsphase in Farbraum umgewandelt werden.
HSL (Farbe / Sättigung / Leichtigkeit) ist näher an den Instinkten der Menschen als RGB: "Brighter" wird zu L hinzugefügt, "Brighter" wird zu S hinzugefügt, während RGB drei Zahlen erfordert. ** Konchrome Farben müssen nur H bis S und L** fixieren - z. B. H = 210 Blau, S von 80% bis 30%, L von 40% bis 90%, um einen kohärenten Satz hellblauer Schritte zu erhalten. Dies ist auch der Grund, warum die Designsysteme wie Material Design und Tailwind das HSL-Panel drücken.
| Farben | HEX | RGB | HSL |
|---|---|---|---|
| Reines Rot. | #FF0000 | 255, 0, 0 | 0°, 100%, 50% |
| Sauber grün. | #00FF00 | 0, 255, 0 | 120°, 100%, 50% |
| Reinblau | #0000FF | 0, 0, 255 | 240°, 100%, 50% |
| Weiß | #FFFFFF | 255, 255, 255 | 0°, 0%, 100% |
| Schwarz | #000000 | 0, 0, 0 | 0°, 0%, 0% |
| Mittelgrau | #808080 | 128, 128, 128 | 0°, 0%, 50% |
| Cyan | #00FFFF | 0, 255, 255 | 180°, 100%, 50% |
| Magenta | #FF00FF | 255, 0, 255 | 300°, 100%, 50% |
RGB/HEX/HSL-Kontrast
Häufige Fragen
Was ist der Unterschied zwischen RGB und CMYK?
RGB für Bildschirme (farbiges Licht); CMYK für den Druck (farbige Tinte).
Warum 0 bis 255?
Jeder Kanal hat 8 Bits und bietet 0 bis 255 Grad 256, für insgesamt etwa 167,7 Millionen Farben.
HEX?
Verwandeln Sie jede Dezimalstelle in zwei Hexadezimalstellen und fügen Sie #, z. B. 255, 0, 0 zu #FF000 hinzu.
Warum unterscheidet sich die Farbe der Seite von dem, was Sie tatsächlich sehen?
Drei häufige Gründe: Der Farbraum ist unterschiedlich - die gleichen RGB-Werte unterscheiden sich auf sRGB, Display P3, Adobe RGB-Monitoren und die sRGB-Farben auf Breitfarbenbildschirmen sind verdünnt; Displays sind nicht gefärbt und weiße Punkte und Gammas variieren von Gerät zu Gerät;3 Browser-Farbverwaltungseinstellungen. Professionelles Design erfordert eine regelmäßige Kalibrierung eines Farbmonitors, der üblicherweise verwendet wird, um die korrekte Farbkonfiguration des Systems sicherzustellen.
Was ist mit der hexadezimalen Farbe?
#FF, #336699 #369 (333, 666, 999) Nur zwei Personen in jedem Kanal können es kurz machen, #FF8801 nicht kurz. Kurz ist in CSS völlig gleichwertig und reduziert die Größe des Dokuments.