Was ist eine RGB-Farbe?

Bildschirme erzeugen jede Farbe durch das Mischen von rotem, grünem und blauem Licht. Eine RGB-Farbe gibt die Intensität jedes dieser drei Kanäle als Zahl von 0 (aus) bis 255 (voll) an. Daher ist rgb(255, 0, 0) reines Rot, rgb(0, 0, 0) ist Schwarz und rgb(255, 255, 255) ist Weiß. Dieselbe Farbe kann als Hex-Code wie #ff0000 geschrieben werden, wobei jedes Paar von Hexadezimalziffern einem Kanal entspricht.

Toolbeschreibung

Mit diesem Tool können Sie eine Farbe Kanal für Kanal bearbeiten. Wählen Sie eine Ausgangsfarbe aus oder fügen Sie eine ein. Bewegen Sie anschließend die Schieberegler für Rot, Grün und Blau oder geben Sie genaue Werte ein, um die Änderung direkt zu sehen. Die bearbeitete Farbe wird in den Schreibweisen angezeigt, die von CSS, Design-Tools, Spiele-Engines und Shader-Code verwendet werden – jede davon ist direkt kopierbereit.

Funktionen

  • Rote, grüne und blaue Kanäle mit Schiebereglern oder genauen Zahlenwerten von 0 bis 255 bearbeiten
  • Eine Farbe auswählen oder eine Farbe in HEX, RGB, HSL oder einem anderen Format einfügen, um sie als Ausgangspunkt zu verwenden
  • Die Farbe als HEX, rgb(), Prozentwerte in rgb(), normalisierte Werte von 0–1, eine Dezimalzahl und eine hexadezimale Ganzzahl erhalten
  • Läuft in Ihrem Browser

Funktionsweise

Jeder Kanal ist eine ganze Zahl von 0 bis 255. Werte außerhalb dieses Bereichs werden auf diesen Bereich begrenzt, und Dezimalzahlen werden gerundet. Bei normalisierten Werten wird jeder Kanal durch 255 geteilt. Die Ganzzahlformate fassen die Kanäle als eine 24-Bit-Zahl in der Form 0xRRGGBB zusammen.

Tipps

  • Verwenden Sie die normalisierten Werte von 0–1 für GLSL, HLSL, Unity und andere APIs, die Farben als Gleitkommazahlen erwarten.
  • Die Dezimalzahl ist das Format, das von Discord-Einbettungen sowie einigen Tabellenkalkulationen und Datenbanken verwendet wird.