08-Colores hexadecimales en CSS

Un color hexadecimal se especifica con: #RRGGBB, donde RR (rojo), GG (verde) y BB (azul) enteros hexadecimales especifican los componentes de el color.

En CSS, se puede especificar un color usando un valor hexadecimal en la forma:

_ #rrggbb

Donde rr (rojo), gg (verde) y bb (azul) son valores hexadecimales entre 00 y ff (igual que decimal 0-255).

Por ejemplo, #ff0000 se muestra en rojo, porque el rojo se establece en su valor más alto (ff) y los demás se establecen en el valor más bajo (00).

Para mostrar negro, establezca todos los valores en 00, así: #000000.

Para mostrar blanco, establezca todos los valores en ff, como esto: #ffffff.

---

ejemplo

#ff0000

#0000ff

#3cb371

#ee82ee

#ffa500

#6a5acd

---

...

Los tonos de gris a menudo se definen utilizando valores iguales para las 3 fuentes de luz:

---

ejemplo

#3c3c3c

#616161

#787878

#b4b4b4

#f0f0f0

#f9f9f9

---

Valor hexadecimal de 3 dígitos

A veces verá un código hexadecimal de 3 dígitos en la fuente CSS.

El código hexadecimal de 3 dígitos es una forma abreviada 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. Entonces, si tenemos #ff00cc, se puede escribir así: #f0c.

ejemplo

 body {
     background-color: #fc9; /* same as #ffcc99 */
   }
   
   h1 {
     color: #f0f; /* same as #ff00ff */
   }
   
   p {
     color: #b58; /* same as #bb5588 */
   }

---

Ir al indice