31 Juli RGB Farben Tabelle mit Abstufungen
RGB Farben Tabelle mit Abstufungen. Explore our comprehensive RGB color table featuring a range of CSS3 color definitions, organized by shades of popular colors. Each color is accompanied by its RGB values and HEX code, making it easy to incorporate into your design projects. Whether you’re a web designer, graphic designer, or simply looking for inspiration, this color table is a valuable resource to have in your toolkit.
RGB-Farben: Ein umfassender Überblick
RGB steht für Rot, Grün und Blau – die drei Grundfarben, die in verschiedenen Kombinationen verwendet werden, um eine breite Palette von Farben zu erzeugen. Dieses Farbmodell wird häufig in digitalen Medien, wie Bildschirmen, Fernsehern und Kameras, verwendet. Jede Farbe im RGB-Modell wird durch die Intensität der drei Grundfarben beschrieben, wobei jede Farbe einen Wert zwischen 0 und 255 annehmen kann.
Grundlagen des RGB-Farbmodells
- Rot (R): Werte von 0 bis 255, wobei 0 kein Rot und 255 reines Rot bedeutet.
- Grün (G): Werte von 0 bis 255, wobei 0 kein Grün und 255 reines Grün bedeutet.
- Blau (B): Werte von 0 bis 255, wobei 0 kein Blau und 255 reines Blau bedeutet.
Die Kombination dieser drei Farben in unterschiedlichen Intensitäten ermöglicht die Erzeugung einer Vielzahl von Farben. Zum Beispiel ergibt die Kombination von 255 für Rot, 0 für Grün und 0 für Blau (255, 0, 0) ein reines Rot.
Farbtabellen mit Abstufungen und HEX-Codes
Farbe | RGB-Werte | HEX-Code |
---|---|---|
Schwarz | (0, 0, 0) | #000000 |
Weiß | (255, 255, 255) | #FFFFFF |
Rot | (255, 0, 0) | #FF0000 |
Grün | (0, 255, 0) | #00FF00 |
Blau | (0, 0, 255) | #0000FF |
Cyan | (0, 255, 255) | #00FFFF |
Magenta | (255, 0, 255) | #FF00FF |
Gelb | (255, 255, 0) | #FFFF00 |
Grau | (128, 128, 128) | #808080 |
Dunkelgrau | (64, 64, 64) | #404040 |
Hellrot | (255, 102, 102) | #FF6666 |
Hellgrün | (102, 255, 102) | #66FF66 |
Hellblau | (102, 102, 255) | #6666FF |
Orange | (255, 165, 0) | #FFA500 |
Lila | (128, 0, 128) | #800080 |
Braun | (165, 42, 42) | #A52A2A |
Farbe | CSS3 Farbnamen | HEX Wert | RGB Wert |
---|---|---|---|
Light Red | #FFCCCC | rgb(255, 204, 204) | |
Red | #FF9999 | rgb(255, 153, 153) | |
Dark Red | #FF6666 | rgb(255, 102, 102) | |
Red | #FF0000 | rgb(255, 0, 0) | |
Dark Red | #990000 | rgb(153, 0, 0) | |
Light Green | #CCFFCC | rgb(204, 255, 204) | |
Green | #99FF99 | rgb(153, 255, 153) | |
Dark Green | #66FF66 | rgb(102, 255, 102) | |
Green | #00FF00 | rgb(0, 255, 0) | |
Dark Green | #009900 | rgb(0, 153, 0) | |
Light Blue | #CCCCFF | rgb(204, 204, 255) | |
Blue | #9999FF | rgb(153, 153, 255) | |
Dark Blue | #6666FF | rgb(102, 102, 255) | |
Blue | #0000FF | rgb(0, 0, 255) | |
Dark Blue | #000099 | rgb(0, 0, 153) | |
Light Yellow | #FFFFCC | rgb(255, 255, 204) | |
Yellow | #FFFF99 | rgb(255, 255, 153) | |
Dark Yellow | #FFFF66 | rgb(255, 255, 102) | |
Yellow | #FFFF00 | rgb(255, 255, 0) | |
Dark Yellow | #CCCC00 | rgb(204, 204, 0) | |
Light Cyan | #CCFFFF | rgb(204, 255, 255) | |
Cyan | #99FFFF | rgb(153, 255, 255) | |
Dark Cyan | #66FFFF | rgb(102, 255, 255) | |
Cyan | #00FFFF | rgb(0, 255, 255) | |
Teal | #009999 | rgb(0, 153, 153) | |
Light Magenta | #FFCCFF | rgb(255, 204, 255) | |
Magenta | #FF99FF | rgb(255, 153, 255) | |
Dark Magenta | #FF66FF | rgb(255, 102, 255) | |
Magenta | #FF00FF | rgb(255, 0, 255) | |
Purple | #990099 | rgb(153, 0, 153) | |
Light Gray | #CCCCCC | rgb(204, 204, 204) | |
Gray | #999999 | rgb(153, 153, 153) | |
Dark Gray | #666666 | rgb(102, 102, 102) | |
Dark Gray | #333333 | rgb(51, 51, 51) | |
Black | #000000 | rgb(0, 0, 0) |
Farbverläufe und Mischungen
Durch die Kombination von RGB-Werten können auch Farbverläufe und Mischungen erzeugt werden. Hier sind einige Beispiele für Farbverläufe:
- Rot zu Gelb: (255, 0, 0) zu (255, 255, 0)
- Grün zu Blau: (0, 255, 0) zu (0, 0, 255)
- Blau zu Magenta: (0, 0, 255) zu (255, 0, 255)
Fazit
Das RGB-Farbmodell ist ein fundamentales Konzept in der digitalen Farbgestaltung. Es ermöglicht die Erzeugung einer nahezu unbegrenzten Palette von Farben durch die Kombination von Rot, Grün und Blau in unterschiedlichen Intensitäten. Die Verwendung von HEX-Codes erleichtert die Implementierung dieser Farben in Webdesign und Grafiksoftware. Mit dem Verständnis der RGB-Farben und ihrer Abstufungen können Designer und Entwickler kreative und ansprechende visuelle Inhalte erstellen.