Colores en hexadecimal

Rojo, verde y azul

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 (también puedes escribir los valores en los cuadros para hexadecimal o decimal):

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: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Binario: 0 1 10 11 100 101 110 111 1000 1001 1010 1011 1100 1101 1110 1111
Hexadecimal: 0 1 2 3 4 5 6 7 8 9 A B C D E F

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:

Así que en decimal es (64,48,255), que equivale al hexadecimal (40,30,FF) y se escribe #4030FF.

Algunos colores comunes

Color Decimal
(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

También tengo una lista mucho más larga de colores hexadecimales y sus nombres.

Prueba a escribir el código hexadecimal en el mezclador de arriba, y mira lo que sale (puedes copiar, después pulsar con el botón derecho en el recuadro y "pegar").