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. Estos son los sistemas de color que apoyan la mayoría de los navegadores:

Video: Como hacer Radio Buttons y Checkboxes personalizados con HTML y CSS

• Red Green Azul (RGB): Utilizar el rgb () método al 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.

  Video: 7. Curso básico de CSS | Usar colores de texto

• canal Rojo Verde Azul alfa (RGBA): Utilizar el RGBA () método al describir este valor de color. Los primeros tres números son simplemente 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 u Opera 10+ utilizar este esquema de valor de color.

• Hue Saturación Luminosidad (HSL): Utilizar el hsl () método al 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 240. Saturación (La intensidad del color o la oscuridad) es un valor de porcentaje entre 0 (escala de grises) y 100 (a todo color). La ligereza es un porcentaje entre 0 (negro) y 100 (blanco).

• canal Tono 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 u Opera 10+ utilizar este esquema de valor de color.

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