CSS HEX Colores
Un color hexadecimal se especifica con: #RRGGBB, donde los números enteros hexadecimales RR (red / rojo), GG (green / verde) y BB (blue / azul) especifican los componentes del color.
HEX Valor
En CSS, un color se puede especificar utilizando un valor hexadecimal en el formato:
#rrggbb
Donde rr (red/rojo), gg (green/verde) y bb (blue/azul) son valores hexadecimales entre 00 y ff (igual que el decimal 0-255).
Por ejemplo, #ff0000 se muestra en rojo, porque el rojo está configurado en su valor más alto (ff) y los demás están configurados en el valor más bajo (00).
Para mostrar en negro, configure todos los valores en 00, de la siguiente manera: #000000.
Para mostrar el color blanco, configure todos los valores en ff, de la siguiente manera: #ffffff.
Experimente mezclando los valores HEX a continuación:
RED
GREEN
BLUE
Los tonos de gris a menudo se definen utilizando valores iguales para las tres fuentes de luz:
Valor hexadecimal de 3 dígitos
A veces verás un código hexadecimal de 3 dígitos en la fuente CSS.
El código hexadecimal de 3 dígitos es una abreviatura de algunos códigos hexadecimales de 6 dígitos.
El código hexadecimal de 3 dígitos tiene la siguiente forma:
#rgb
Donde r, g y b representan los componentes rojo, verde y azul con valores entre 0 y f.
El código hexadecimal de 3 dígitos solo se puede usar cuando ambos valores (RR, GG y BB) son iguales para cada componente. Por lo tanto, si tenemos #ff00cc, se puede escribir así: #f0c.
He aquí un ejemplo:
Ejemplo
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}
Try it Yourself »
CSS — Colores HEX — Vídeo de W3Schools
Este vídeo es una introducción a los colores hexadecimales en CSS.
¡Parte de una serie de videotutoriales para aprender CSS para principiantes!
