Scribd
Cargar
88 vistas3 páginas

Los Colores y HTML

El documento explica cómo se usan los colores en HTML. Los colores se indican mediante valores RGB en notación hexadecimal de 6 dígitos. Para asegurar la compatibilidad entre sistemas, solo se deben usar valores hexadecimales que combinen 00, 33, 66, 99, CC o FF; esto genera una tabla de 216 colores compatibles. Por ejemplo, el rojo se escribe como #FF0000.

Cargado por

Selene Saldívar
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

Temas abordados

  • paleta de colores,
  • colores en gráficos,
  • programación web,
  • código de colores,
  • colores y psicología,
  • colores en la web,
  • colores y usabilidad,
  • accesibilidad de colores,
  • numeración hexadecimal,
  • colores primarios
88 vistas3 páginas

Los Colores y HTML

El documento explica cómo se usan los colores en HTML. Los colores se indican mediante valores RGB en notación hexadecimal de 6 dígitos. Para asegurar la compatibilidad entre sistemas, solo se deben usar valores hexadecimales que combinen 00, 33, 66, 99, CC o FF; esto genera una tabla de 216 colores compatibles. Por ejemplo, el rojo se escribe como #FF0000.

Cargado por

Selene Saldívar
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

Temas abordados

  • paleta de colores,
  • colores en gráficos,
  • programación web,
  • código de colores,
  • colores y psicología,
  • colores en la web,
  • colores y usabilidad,
  • accesibilidad de colores,
  • numeración hexadecimal,
  • colores primarios

Los colores y HTML

En este reportaje tratamos de acercarte todos los detalles relativos al


buen uso de colores en HTML. Colores compatibles con todos los
sistemas.
Por Miguel Angel Alvarez
Atencin: Contenido exclusivo de [Link]. No reproducir. Copyright.

El la composicin 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 numeracin hexadecimal, en base 16. (Los

Tabla de color

dgito pueden crecer hasta 16. Como no hay tantos dgitos numricos 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:

RRGGBB
Donde cada valor puede crecer desde 00 hasta FF.

Ejemplo: Cmo se cambiara la fuente para escribir en rojo:


<font color="#FF0000">Rojo</font>

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 pginas 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

Se consiguen los colores siguientes:


#000000

#000033

#000066

#000099

#0000CC

#0000FF

#003300

#003333

#003366

#003399

#0033CC

#0033FF

#006600

#006633

#006666

#006699

#0066CC

#0066FF

#009900

#009933

#009966

#009999

#0099CC

#0099FF

#00CC00

#00CC33

#00CC66

#00CC99

#00CCCC

#00CCFF

#00FF00

#00FF33

#00FF66

#00FF99

#00FFCC

#00FFFF

#330000

#330033

#330066

#330099

#3300CC

#3300FF

#333300

#333333

#333366

#333399

#3333CC

#3333FF

#336600

#336633

#336666

#336699

#3366CC

#3366FF

#339900

#339933

#339966

#339999

#3399CC

#3399FF

#33CC00

#33CC33

#33CC66

#33CC99

#33CCCC

#33CCFF

#33FF00

#33FF33

#33FF66

#33FF99

#33FFCC

#33FFFF

#660000

#660033

#660066

#660099

#6600CC

#6600FF

#663300

#663333

#663366

#663399

#6633CC

#6633FF

#666600

#666633

#666666

#666699

#6666CC

#6666FF

#669900

#669933

#669966

#669999

#6699CC

#6699FF

#66CC00

#66CC33

#66CC66

#66CC99

#66CCCC

#66CCFF

#66FF00

#66FF33

#66FF66

#66FF99

#66FFCC

#66FFFF

#990000

#990033

#990066

#990099

#9900CC

#9900FF

#993300

#993333

#993366

#993399

#9933CC

#9933FF

#996600

#996633

#996666

#996699

#9966CC

#9966FF

#999900

#999933

#999966

#999999

#9999CC

#9999FF

#99CC00

#99CC33

#99CC66

#99CC99

#99CCCC

#99CCFF

#99FF00

#99FF33

#99FF66

#99FF99

#99FFCC

#99FFFF

#CC0000

#CC0033

#CC0066

#CC0099

#CC00CC

#CC00FF

#CC3300

#CC3333

#CC3366

#CC3399

#CC33CC

#CC33FF

#CC6600

#CC6633

#CC6666

#CC6699

#CC66CC

#CC66FF

#CC9900

#CC9933

#CC9966

#CC9999

#CC99CC

#CC99FF

#CCCC00

#CCCC33

#CCCC66

#CCCC99

#CCCCCC

#CCCCFF

#CCFF00

#CCFF33

#CCFF66

#CCFF99

#CCFFCC

#CCFFFF

#FF0000

#FF0033

#FF0066

#FF0099

#FF00CC

#FF00FF

#FF3300

#FF3333

#FF3366

#FF3399

#FF33CC

#FF33FF

#FF6600

#FF6633

#FF6666

#FF6699

#FF66CC

#FF66FF

#FF9900

#FF9933

#FF9966

#FF9999

#FF99CC

#FF99FF

#FFCC00

#FFCC33

#FFCC66

#FFCC99

#FFCCCC

#FFCCFF

#FFFF00

#FFFF33

#FFFF66

#FFFF99

#FFFFCC

#FFFFFF

Por ltimo, te ofrecemos unos archivos con programillas en JavaScript que te pueden ayudar a
encontrar los colores adecuados. Entro otros, podrs encontrar el script que genera la tabla de
arriba.

También podría gustarte