0

Kodiert

RGB-Farbe (Hex)
Notation
RGB-Farbe
Farbraum
Schreibweise

Über RGB-Farben

RGB ist ein Farbmodell, das Farben durch Rot, Grün und Blau als Lichtkomponenten darstellt. Es wird häufig für Farben auf Bildschirmen, Webseiten und Bilddaten verwendet.

In RGB wird jede Komponente als Zahl angegeben, meist als Ganzzahl von 0 bis 255 oder als Prozentwert von 0% bis 100%. Sind alle Komponenten 0, ist die Farbe schwarz; sind alle maximal, ist sie weiß.

FarbeRGB-SchreibweiseHex-Schreibweise
Rotrgb(255 0 0)#ff0000
Grünrgb(0 128 0)#008000
Blaurgb(0 0 255)#0000ff
Weißrgb(255 255 255)#ffffff
Schwarzrgb(0 0 0)#000000

RGB-Farben können als Funktion oder hexadezimal geschrieben werden. Rot kann zum Beispiel als rgb(255 0 0), rgb(100% 0% 0%), #ff0000 oder #f00 dargestellt werden.

Um Transparenz einzuschließen, fügen Sie einen Alpha-Wert hinzu. Halbtransparentes Rot kann zum Beispiel als rgb(255 0 0 / 50%) oder #ff000080 dargestellt werden.

Die RGB-Farbkonvertierung von DenCode unterstützt die folgenden Schreiboptionen.

RGB-Farbe (Hex)
SchreiboptionFormatBeispiel
#RRGGBB(AA)#RRGGBB
#RRGGBBAA		#ff0000
#ff000080
0xAARRGGBB0xAARRGGBB0xffff0000
0x80ff0000
RGB-Farbe
SchreiboptionFormatBeispiel
Zahlrgb(R G B)
rgb(R G B / A)		rgb(255 0 0)
rgb(255 0 0 / 0.5)
Prozentwertrgb(R% G% B%)
rgb(R% G% B% / A)		rgb(100% 0% 0%)
rgb(100% 0% 0% / 0.5)

0xAARRGGBB ist keine standardmäßige CSS-Hex-Farbschreibweise, sondern ein ARGB-Format, das manchmal in Programmen und Anwendungseinstellungen verwendet wird. Das führende AA steht für Alpha, danach folgen RR, GG und BB für Rot, Grün und Blau.

sRGB und andere RGB-Farbräume

RGB ist ein Farbmodell mit den drei Komponenten Rot, Grün und Blau. Dieselben RGB-Werte können jedoch je nach Farbraum unterschiedlich aussehen. Im Web übliche Werte wie rgb() und #RRGGBB werden normalerweise als Farben im sRGB-Farbraum behandelt.

CSS Color Module Level 4 definiert auch RGB-Farbräume mit anderem Farbumfang als sRGB, etwa Display P3 und ProPhoto RGB. DenCode unterstützt auch Konvertierungen für diese Farbräume.

FarbraumFormatBeispielMerkmale
sRGBrgb(...)
color(srgb ...)		rgb(255 0 0)
color(srgb 1 0 0)		Der übliche RGB-Farbraum für Web und CSS. Hex-Farbcodes und normale rgb()-Werte werden grundsätzlich als sRGB behandelt. color(srgb ...) ist ein Format aus CSS Color Module Level 4.
Linear sRGBcolor(srgb-linear ...)color(srgb-linear 1 0 0)Ein Farbraum mit demselben Farbumfang wie sRGB, aber mit linearisierten Komponentenwerten. Er wird für Farbberechnungen und Compositing verwendet.
Display P3color(display-p3 ...)color(display-p3 1 0 0)Ein Farbraum mit größerem Farbumfang als sRGB, der auf Wide-Gamut-Displays und manchen Mobilgeräten verwendet wird.
Adobe RGB (1998)color(a98-rgb ...)color(a98-rgb 1 0 0)Ein größerer Farbraum als sRGB, der manchmal in Fotoverarbeitung und druckorientierten Workflows verwendet wird.
ProPhoto RGBcolor(prophoto-rgb ...)color(prophoto-rgb 1 0 0)Ein RGB-Farbraum mit noch größerem Farbumfang als Adobe RGB, der als Arbeitsfarbraum in der Fotoverarbeitung verwendet wird.
Rec. 2020color(rec2020 ...)color(rec2020 1 0 0)Ein RGB-Farbraum mit sehr großem Farbumfang, der in UHDTV- und HDR-Videostandards verwendet wird.

Farben aus RGB-Farbräumen mit großem Farbumfang können auf sRGB-Bildschirmen oder mit normalen Hex-Farbcodes möglicherweise nicht exakt dargestellt werden. Wenn DenCode in #RRGGBB oder numerisches rgb(R G B) konvertiert, werden Komponenten außerhalb des in sRGB darstellbaren Bereichs so behandelt, dass sie in den Bereich von 0 bis 255 passen. Wird dagegen ein Farbraum wie color(display-p3 ...) oder color(a98-rgb ...) gewählt, können die Werte als Komponenten des gewählten Farbraums angezeigt werden.