viernes, 13 de noviembre de 2015

CODIGOS DE COLORES EN HEXADECIMAL Y HTML

Los números hexadecimales se usan en las páginas web para indicar colores. Los colores se definen mezclando cantidades de rojo, verde y azul, cada valor está entre:
0 y 255 (en decimal), o
00 y FF (en hexadecimal)

Esto se basa en la idea de que todos los colores se pueden conseguir mezclando rojo, verde y azul (en inglés, "Red, Green, Blue"), así que se llama "sistema de color RGB". También se le llama sistema "aditivo" de color, porque se empieza con el negro y se van añadiendo los tres colores.

Mezclador de color

Mezcla colores a tu gusto para ver cómo funciona.

http://s3.accesoperu.com/wp6/includes/htmlarea/mezclador/

Hexadecimales

Los números hexadecimales son "naturales" para los ordenadores, porque manejan números binarios, y cuatro cifras binarias hacen una cifra hexadecimal (lee dígitos binarios):
Decimal:0123456789101112131415
Binario:01101110010111011110001001101010111100110111101111
Hexadecimal:0123456789ABCDEF
Dos dígitos hexadecimales juntos (en informática a eso se le llama un "byte") representan uno de 16×16=256 niveles diferentes de color.

16 millones de colores

Como cada uno de los tres colores puede tomar valores de 0 a 255 (256 valores posibles), hay 256×256×256 = 2563 = 16,777,216 combinaciones posibles de colores (y por eso verás que los ordenadores dicen que pueden mostrar "16 millones de colores")

Formato web

El formato o ("notación") que se usa en páginas web es #RRGGBB, donde RR es el valor de la componente roja (usando dos dígitos hexadecimales), GG la componente verde y BB la azul.

Ejemplo: un tono de azul sería:
  • 64/255 rojo,
  • 48/255 verde
  • 255/255 azul (el máximo)
Así que en decimal es (64,48,255), que equivale al hexadecimal (40,30,FF) y se escribe #4030FF.

Algunos colores comunes

ColorDecimal
(Rojo, verde, azul)
Hexadecimal
(#RRGGBB)
Negro(0, 0, 0)#000000
Blanco(255, 255, 255)#FFFFFF
Rojo(255, 0, 0)#FF0000
Verde(0, 255, 0)#00FF00
Azul(0, 0, 255)#0000FF
Amarillo(255, 255, 0)#FFFF00
Cian(0, 255, 255)#00FFFF
Magenta(255, 0, 255)#FF00FF

No hay comentarios:

Publicar un comentario