El color del texto puede ser definido mediante el atributo color. Cada color es a su vez definido por un número hexadecimal que esta compuesto a su vez de tres partes. Cada una de estas partes representa la contribución del rojo, verde y azul al color en cuestión.
Podéis entender cómo funciona esta numeración y cuáles son los colores que resultan más compatibles a partir de este artículo: Los colores y HTML.
Por otra parte, es posible definir de una manera inmediata algunos de los colores más frecuentemente usados para los que se ha creado un nombre más memotécnico:
| Nombre | Color |
| Aqua | |
| Black | |
| Blue | |
| Fuchsia | |
| Gray | |
| Green | |
| Lime | |
| Maroon | |
| Navy | |
| Olive | |
| Purple | |
| Red | |
| Silver | |
| Teal | |
| White | |
| Yellow |
<font color="red">Este texto está en rojo</font>
Que se visualizaría así en una página web.
Este texto está en rojo
En la composición de webs juegan un papel muy importante los colores. Se indican en valores RGB, es decir, que para conseguir un color cualquiera mezclaremos cantidades de Rojo, Verde y Azul.
Los valores RBG se indican en numeración hexadecimal, en base 16. (Los dígito pueden crecer hasta 16. Como no hay tantos dígitos numéricos se utilizan las letras de la A a la F.
| 0=0 | 4=4 | 8=8 | C=12 |
| 1=1 | 5=5 | 9=9 | D=13 |
| 2=2 | 6=6 | A=10 | E=14 |
| 3=3 | 7=7 | B=11 | F=15 |
Para conseguir un color, mezclaremos valores de esta manera:
Donde cada valor puede crecer desde 00 hasta FF.
Ejemplo: Cómo se cambiaría la fuente para escribir en rojo:
Al Atributo color le damos un valor RGB en formato hexadecimal. El caracter # se coloca al principio de la cadena.
Otros colores:
| Naranja | #FF8000 |
| Verde turquesa | #339966 |
| Azul oscuro | #000080 |
| Colores compatibles en todos los sistemas |
Como las páginas web las tienen que ver todos los usuarios, y los sistemas que utilizan para entrar son distintos, hay que utilizar colores compatibles con la paleta de todos ellos.
La forma de conseguir esto es limitando nuestros colores alos que se pueden conseguir utilizando la siguiente norma:
| Utilizaremos siempre estos valores: |
| 00 |
| 33 |
| 66 |
| 99 |
| CC |
| FF |
Ejemplos: #3366FF #FF9900 #666666
No hay comentarios:
Publicar un comentario