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, y cada uno de ellos tiene un valor que está entre:

0 y 255 (en decimal), o
00 y FF (en hexadecimal)

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

Entonces, un dígito hexadecimal puede tener 16 valores diferentes (0 a 15 en decimal), y dos dígitos hexadecimales juntos (llamados "byte") pueden hacer 16×16 = 256 niveles de color diferentes.

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

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").

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