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