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