0

Resultado Codificado

Color RGB (Hex)
Notación
Color RGB
Espacio de color
Notación

Acerca del color RGB

El color RGB es un modelo de color que representa colores combinando rojo, verde y azul como componentes de luz. Se usa ampliamente para colores en pantalla, páginas web y datos de imagen.

En RGB, la intensidad de cada componente se especifica con un valor numérico, normalmente un entero de 0 a 255 o un porcentaje de 0% a 100%. Si todos los componentes son 0, el color es negro; si todos son máximos, es blanco.

ColorNotación RGBNotación hexadecimal
Rojorgb(255 0 0)#ff0000
Verdergb(0 128 0)#008000
Azulrgb(0 0 255)#0000ff
Blancorgb(255 255 255)#ffffff
Negrorgb(0 0 0)#000000

Los colores RGB pueden escribirse en formato de función o hexadecimal. Por ejemplo, el rojo puede representarse como rgb(255 0 0), rgb(100% 0% 0%), #ff0000 o #f00.

Para incluir transparencia, añada un valor alfa. Por ejemplo, el rojo semitransparente puede representarse como rgb(255 0 0 / 50%) o #ff000080.

La conversión de color RGB de DenCode admite las siguientes opciones de notación.

Color RGB (hexadecimal)
Opción de notaciónFormatoEjemplo
#RRGGBB(AA)#RRGGBB
#RRGGBBAA
#ff0000
#ff000080
0xAARRGGBB0xAARRGGBB0xffff0000
0x80ff0000
Color RGB
Opción de notaciónFormatoEjemplo
Númerorgb(R G B)
rgb(R G B / A)
rgb(255 0 0)
rgb(255 0 0 / 0.5)
Porcentajergb(R% G% B%)
rgb(R% G% B% / A)
rgb(100% 0% 0%)
rgb(100% 0% 0% / 0.5)

0xAARRGGBB no es una notación hexadecimal estándar de CSS, sino un formato ARGB usado a veces en programas y configuraciones. El AA inicial representa alfa, seguido de RR, GG y BB para rojo, verde y azul.

sRGB y otros espacios de color RGB

RGB representa colores con rojo, verde y azul. Sin embargo, incluso con los mismos valores RGB, el color real cambia según el espacio de color usado para interpretarlos. Los valores web comunes rgb() y #RRGGBB normalmente se tratan como sRGB.

CSS Color Module Level 4 también define espacios RGB con gamas distintas de sRGB, como Display P3 y ProPhoto RGB. DenCode también admite la conversión de estos espacios.

Espacio de colorFormatoEjemploCaracterísticas
sRGBrgb(...)
color(srgb ...)
rgb(255 0 0)
color(srgb 1 0 0)
El espacio RGB común para la web y CSS. Los códigos hexadecimales y rgb() ordinarios se tratan básicamente como sRGB. color(srgb ...) es un formato de CSS Color Module Level 4.
Linear sRGBcolor(srgb-linear ...)color(srgb-linear 1 0 0)Usa la misma gama que sRGB, pero con componentes linealizados. Se usa en cálculos y composiciones de color.
Display P3color(display-p3 ...)color(display-p3 1 0 0)Tiene una gama más amplia que sRGB y se usa en pantallas de gama amplia y algunos móviles.
Adobe RGB (1998)color(a98-rgb ...)color(a98-rgb 1 0 0)Más amplio que sRGB, a veces usado en edición fotográfica y flujos para impresión.
ProPhoto RGBcolor(prophoto-rgb ...)color(prophoto-rgb 1 0 0)Espacio RGB con gama aún más amplia que Adobe RGB, usado como espacio de trabajo fotográfico.
Rec. 2020color(rec2020 ...)color(rec2020 1 0 0)Espacio RGB de gama muy amplia, usado en estándares UHDTV y HDR.

Los colores de espacios RGB de gama amplia pueden no representarse con precisión en pantallas sRGB o códigos hexadecimales comunes. Al convertir a #RRGGBB o rgb(R G B), DenCode trata los componentes fuera del rango sRGB para que encajen entre 0 y 255. Al elegir color(display-p3 ...) o color(a98-rgb ...), puede mostrarlos como valores del espacio elegido.