Colores CSS

Colores en CSS se pueden expresar mediante varios códigos de colores

Códigos Color ejemplo (Anaranjado)
Nombres de colores Anaranjado
RGB (255,165,0)
RGBA (255,165,0.2)
HSL 38° 100% 50%
HSLA 38° 100% 50% 1
HEX #FFA200

Nombre de colores

Se puede especificar un color usando un nombre de color.

Orange:

Orange


RGB

La pantalla mezcla tres colores (Rojo, Verde y Azul). Cada color tiene 0-255 niveles de intensidad.

El rojo, el verde y el azul se pueden combinar en varias proporciones para obtener cualquier color.

Rojo:

rgb(255, 0, 0)

Verde:

rgb(0, 255, 0)

Azul:

rgb(0, 0, 255)

Mezclando los 3 colores:

rgb(106, 90, 205)


RGBA

Agrega opacidad al color que mezclas (Rojo, Verde, Azul, Alpha)

Alpha = Opacidad

El parámetro Alpha es un número entre 0.0 (totalmente transparente) y 1.0 (totalmente opaco)

Verde transparente:

rgb(0, 255, 0, 1)


HSL

HSL significa tono, saturación y luminosidad.

Los valores de color HSL se especifican con: hsl (tono, saturación, luminosidad).

Rojo:

hsl(38,100%, 50%)


HSLA

Agrega opacidad HSLA(tono, saturación, luminosidad, Opacidad)

Rojo:

hsl(38,100%, 50%, .5)


HEX

Se puede especificar un color usando un valor hexadecimal: #RRGGBB

Los números hexadecimales pueden ser 0-9 y A-F. Los valores hexadecimales siempre tienen el prefijo #

light sBlue:

#1836CF