Cómo utilizar los valores de color en css3

CSS3 soporta un número de sistemas de valores de color. El único requisito es que el navegador también es compatible con el sistema de color. Aquí están los sistemas de color que apoyan la mayoría de los navegadores:

  • Rojo, Azul, Verde (RGB): Utilizar el rgb () método para describir este valor de color que utiliza tres números entre 0 y 255 para especificar la cantidad de rojo, verde y azul de usar.

  • Canal Rojo Verde Azul alfa (RGBA): Utilizar el RGBA () método al describir este valor de color. Los tres primeros números son simplemente de color rojo, verde y azul. El cuarto número, canal alfa (transparencia relativa), es un valor entre 0,0 (completamente transparente) y 1.0 (totalmente opaco). Debe tener IE9 +, Firefox 3+, Chrome, Safari, Opera 10+ utilizar este esquema de valor de color.

  • Hue Saturación Luminosidad (HSL): Utilizar el HSL () método para describir este valor de color que consta de tres números.

    Matiz Es un valor entre 0 y 360 que describe la posición de un color en la rueda de color: rojo es 0 (o 360), el verde es 120, y el azul es de 240. Saturación (la intensidad del color o la oscuridad) es un valor porcentual entre 0 (escala de grises) y 100 (a todo color). La ligereza es un porcentaje entre 0 (negro) y 100 (blanco).

  • Canal Hue Saturación Luminosidad Alfa (HSLA): Utilizar el HSLA () método al describir este valor de color que utiliza los mismos primeros tres números como un valor HSL. El cuarto número, canal alfa, es un valor entre 0,0 (completamente transparente) y 1.0 (totalmente opaco). Debe tener IE9 +, Firefox 3+, Chrome, Safari, Opera 10+ utilizar este esquema de valor de color.

Tratar de entender cómo interactúan los valores de color puede ser difícil. El HTML Mezclador de colores ayuda a ver cómo varios interactúan las opciones de color, por lo que es más fácil elegir buenas combinaciones.