Local 88503194
044 55 28280225
En este modulo aprenderemos, el uso de los colores dentro de una página web.
El hacer uso de los colores, son de gran importancia, ya que con esto le daremos mayor presencia a nuestro sitio web y captar mejor la atención de nuestro visitante, por ello debemos cuidar mucho la combinación de colores.
Los colores de un monitor están compuestos por una combinación de tres canales de color, que son el ROJO, VERDE, AZUL, los cuales forman todos los colores y con esta combinación podemos formar los más de 16 millones de colores que utilizamos en nuestras páginas web.
Los códigos de colores que usamos en HTML están compuestos por un sistema de numeración Hexadecimal, los cuales quedarían de la siguiente manera Rojo al traducirlo en ingles Red, Verde al traducirlo Green y Azul a traducirlo sería Blue, lo cual quedaría de la siguiente manera RGB.
Este sistema de numeración en hexadecimal está compuesto por 16 dígitos del 0 al 9 y para representar los dígitos del 10 al 15 quedaría de la siguiente manera 10 = A, 11 = B, 12 = C, 13 = D, 14 = E y 15 = F.
El navegador interpreta los colores de dos formas:
1.- Color por su nombre en Ingles.
A) Blanco --> White
B) Negro --> black
2.- Haciendo uso de la combinación de RGB seguido del símbolo de número (almohadilla #).
Red = RR
Green = GG
Blue = BB
La sintaxis quedaría de la siguiente manera #RRGGBB
| Color | R = Red | G = Green | B = Blue |
|---|---|---|---|
| Rojo | FF | 00 | 00 |
| Verde | 00 | FF | 00 |
| Azul | 00 | 00 | FF |
| Blanco | FF | FF | FF |
| Negro | 00 | 00 | 00 |
| Amarillo | FF | FF | 00 |
| Morado | 66 | 33 | 66 |
| Gris | 33 | 33 | 33 |
• Para colocar fondo dentro de una página web
<body bgcolor="#4E6D82">
• Si desea colocar color de Texto, el color que se pone por default es negro; si deseamos manipular el color del texto usaremos el siguiente atributo.
<body bgcolor="#4E6D82" text="#FFFFFF">
Se puede usar la siguiente tabla como referencia para la combinación de colores:
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0000CC | #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 |
| #660033 | #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 |
Descargar Tutorial
