0

Wynik kodowania

Kolor RGB (Hex)
Notacja
Kolor RGB
Przestrzeń kolorów
Zapis

Informacje o kolorze RGB

Kolor RGB to model koloru przedstawiający barwy przez połączenie trzech składników światła: czerwonego, zielonego i niebieskiego. Jest szeroko używany do kolorów na ekranie, takich jak wyświetlacze, strony internetowe i dane obrazów.

W RGB intensywność każdej składowej określa się wartością liczbową. Zwykle jest to liczba całkowita od 0 do 255 albo procent od 0% do 100%. Gdy wszystkie składowe wynoszą 0, kolor jest czarny; gdy wszystkie są maksymalne, kolor jest biały.

KolorNotacja RGBNotacja szesnastkowa
Czerwonyrgb(255 0 0)#ff0000
Zielonyrgb(0 128 0)#008000
Niebieskirgb(0 0 255)#0000ff
Białyrgb(255 255 255)#ffffff
Czarnyrgb(0 0 0)#000000

Kolory RGB można zapisać jako funkcję albo w postaci szesnastkowej. Na przykład czerwony można przedstawić jako rgb(255 0 0), rgb(100% 0% 0%), #ff0000 lub #f00.

Aby uwzględnić przezroczystość, dodaj wartość alfa. Na przykład półprzezroczysty czerwony można zapisać jako rgb(255 0 0 / 50%) lub #ff000080.

Konwersja kolorów RGB w DenCode obsługuje następujące opcje notacji.

Kolor RGB (hex)
Opcja notacjiFormatPrzykład
#RRGGBB(AA)#RRGGBB
#RRGGBBAA
#ff0000
#ff000080
0xAARRGGBB0xAARRGGBB0xffff0000
0x80ff0000
Kolor RGB
Opcja notacjiFormatPrzykład
Liczbargb(R G B)
rgb(R G B / A)
rgb(255 0 0)
rgb(255 0 0 / 0.5)
Procentrgb(R% G% B%)
rgb(R% G% B% / A)
rgb(100% 0% 0%)
rgb(100% 0% 0% / 0.5)

0xAARRGGBB nie jest standardową szesnastkową notacją koloru CSS, lecz formatem ARGB używanym czasem w programach i ustawieniach aplikacji. Początkowe AA oznacza alfa, a kolejne RR, GG i BB oznaczają czerwony, zielony i niebieski.

sRGB i inne przestrzenie kolorów RGB

RGB to model koloru z trzema składowymi: czerwonym, zielonym i niebieskim. Jednak nawet przy tych samych wartościach RGB rzeczywisty kolor zależy od przestrzeni kolorów użytej do interpretacji. Typowe wartości webowe rgb() i #RRGGBB są zwykle traktowane jako kolory sRGB.

CSS Color Module Level 4 definiuje także przestrzenie RGB o gamie innej niż sRGB, takie jak Display P3 i ProPhoto RGB. DenCode obsługuje również konwersję tych przestrzeni.

Przestrzeń kolorówFormatPrzykładCharakterystyka
sRGBrgb(...)
color(srgb ...)
rgb(255 0 0)
color(srgb 1 0 0)
Typowa przestrzeń RGB dla webu i CSS. Kody szesnastkowe i zwykłe wartości rgb() są zasadniczo traktowane jako sRGB. color(srgb ...) to format CSS Color Module Level 4.
Linear sRGBcolor(srgb-linear ...)color(srgb-linear 1 0 0)Przestrzeń kolorów o tej samej gamie co sRGB, ale z liniowymi wartościami składowych. Jest używana do obliczeń i kompozycji kolorów.
Display P3color(display-p3 ...)color(display-p3 1 0 0)Przestrzeń o szerszej gamie niż sRGB, używana na ekranach wide gamut i niektórych urządzeniach mobilnych.
Adobe RGB (1998)color(a98-rgb ...)color(a98-rgb 1 0 0)Przestrzeń szersza niż sRGB, czasem używana w edycji zdjęć i przepływach związanych z drukiem.
ProPhoto RGBcolor(prophoto-rgb ...)color(prophoto-rgb 1 0 0)Przestrzeń RGB o jeszcze szerszej gamie niż Adobe RGB, używana jako robocza przestrzeń w edycji zdjęć.
Rec. 2020color(rec2020 ...)color(rec2020 1 0 0)Przestrzeń RGB o bardzo szerokiej gamie, używana w standardach wideo UHDTV i HDR.

Kolory określone w szerokogamutowych przestrzeniach RGB mogą nie być dokładnie przedstawione na ekranach sRGB ani zwykłymi kodami szesnastkowymi. Gdy DenCode konwertuje do #RRGGBB lub liczbowego rgb(R G B), składowe poza zakresem sRGB są traktowane tak, aby mieściły się w zakresie od 0 do 255. Wybór color(display-p3 ...) lub color(a98-rgb ...) pozwala wyświetlić je jako wartości wybranej przestrzeni.