Definición
Un código hex es un valor de seis caracteres, como #1A73E8, que indica a una pantalla exactamente qué color mostrar. Es la forma estándar de definir color en la web y en las herramientas de diseño, por eso casi todos los manuales de marca incluyen un código hex para cada color de marca.
Definición
Un código hex es una manera hexadecimal de escribir un color RGB. Los seis caracteres se dividen en tres pares, uno para rojo, otro para verde y otro para azul, de 00 a FF. Así, #FF0000 es rojo puro y #000000 es negro. Por ejemplo, una marca puede fijar #0B5FFF como su azul principal, y cada sitio web, app y diapositiva usa ese valor exacto para mantener la coherencia en pantalla.
Cómo funciona un código hex
Cada par de caracteres es un número de 0 a 255 escrito en base 16. El primer par fija el rojo, el segundo el verde y el tercero el azul. Mezclar estos tres canales de luz a distintas intensidades produce todos los colores en pantalla, que es el modelo RGB. Como se basa en la luz y es aditivo, más cantidad de cada canal tiende hacia el blanco, no hacia el negro.
Los códigos hex son precisos y universales en pantallas, así que un desarrollador, un diseñador y una plantilla de diapositivas renderizan #0B5FFF de forma idéntica. Eso convierte al hex en el hogar natural del color de marca digital. La notación abreviada también viaja bien, ya que una sola cadena corta lleva el color completo sin ambigüedad.
El detalle es que el hex describe luz, no tinta. Un color de pantalla no se imprime igual de forma automática, porque la imprenta usa CMYK o tintas planas con un rango distinto y más pequeño. Un código hex es el punto de partida para lo digital, pero para el merch físico suele necesitar una construcción CMYK equivalente o una referencia Pantone para que el color impreso se mantenga fiel.
El código hex en merch personalizado
- Ancla tu color de marca digital. Fija un código hex para cada color de marca, para que web, app y email queden idénticos.
- Tiende un puente a los valores de imprenta. Asocia cada hex a un equivalente CMYK y Pantone, para que pantalla y producto coincidan.
- Informa los mockups con precisión. Comparte el hex para previsualizaciones y pruebas en pantalla, y confirma la referencia de imprenta antes de la producción.
Un código hex es un código de seis dígitos que especifica un color exacto para pantallas usando valores de rojo, verde y azul.
5 consejos para mejorar tu estrategia de código hex
| Consejo | Pasos |
|---|---|
| Guarda los tres | Mantén hex, CMYK y Pantone juntos en tu manual de marca |
| Usa los seis dígitos | Escribe el código completo para evitar la ambigüedad de la abreviatura |
| No imprimas por hex | Convierte a CMYK o Pantone para cualquier producto físico |
| Revisa el contraste | Comprueba los pares hex para texto legible y accesibilidad |
| Mantén una sola fuente | Define cada color de marca una vez para que los valores no se desvíen |
Terminología clave
Preguntas frecuentes
¿Qué representa un código hex?
Un código hex representa un color RGB como seis caracteres, con dos para cada canal de rojo, verde y azul. Le indica a una pantalla la mezcla exacta de luz que debe mostrar.
¿Por qué un código hex empieza con un símbolo de almohadilla?
La almohadilla marca el valor como un color hex en el código y en las herramientas de diseño. Los seis caracteres que le siguen contienen los valores reales de rojo, verde y azul.
¿Puedo imprimir directamente desde un código hex?
No de forma fiable. El hex describe luz de pantalla en RGB, mientras que la imprenta usa CMYK o tintas planas, así que conviene convertir el hex a un valor de imprenta primero.
¿Un código hex es lo mismo que RGB?
Describen el mismo color en formatos distintos. Un código hex es una forma compacta de escribir los mismos valores de rojo, verde y azul que RGB lista como números.
¿Cómo igualo un código hex con un color Pantone?
Usa una herramienta de conversión o los valores puente de Pantone para hallar la tinta plana más cercana, y luego confirma con una muestra física, ya que los rangos de pantalla y tinta difieren.