Especificar color mediante # en CSS
El método de especificar color mediante rgb,
aunque permite obtener cualquier tono de cualquier color,
sigue siendo algo engorroso. Por tanto, también existe una tercera opción
para especificar el color: mediante un valor
hexadecimal.
Para entender la esencia de este método, necesitas
familiarizarte con el sistema de numeración hexadecimal.
En él, a diferencia del sistema decimal
que usamos en la vida diaria, no hay
diez dígitos, sino dieciséis: 0, 1,
2, 3, 4, 5, 6,
7, 8, 9, A, B,
C, D, E, F -
como puedes ver, debido a la falta de dígitos después
del nueve se utilizan letras.
En este sistema, en lugar de rgb se escribe
una almohadilla #, después de la cual vienen seis
caracteres. Los dos primeros caracteres son el color rojo,
los dos siguientes caracteres son el verde,
y los dos últimos caracteres son el azul. Los colores también varían desde
0 hasta 255, pero en el sistema
hexadecimal esto será desde 00 hasta FF.
En el siguiente ejemplo, el párrafo se colorea en rojo:
<p>
texto
</p>
p {
color: #FF0000;
}
:
Establezca para todos los párrafos el color #FFEEAA.
Establezca para todos los párrafos el fondo #000000
y el color del texto #FFFFFF. ¿Qué colores
se obtendrán?
Se da el siguiente código:
p {
color: rgb(255, 200, 255);
}
Utilice algún conversor para transformar el color al formato hexadecimal.