Código de color HEX: conversor y tabla de colores
Un código de color HEX es la forma más habitual de escribir un color en la web: una almohadilla seguida de seis dígitos, como #0D9084. Con este conversor obtienes al instante las equivalencias en HEX, RGB, HSL y CMYK de cualquier color, además de una tabla de colores HTML. Es una de nuestras herramientas de color.
Toca un valor para copiarlo · Se calcula en tu navegador, no guardamos nada
Qué es un código de color hexadecimal y cómo funciona
El sistema hexadecimal usa base 16 (0-9 y A-F). Un código HEX se compone de tres pares: #RRGGBB, donde cada par indica la intensidad de rojo, verde y azul de 00 (nada) a FF (255, el máximo). Es una representación compacta del modelo RGB que entienden los navegadores en HTML y CSS.
Ejemplo: #FF0000 es rojo puro (rojo al máximo, verde y azul a cero); #000000 es negro y #FFFFFF, blanco. También existe la forma corta de tres dígitos (#F00 equivale a #FF0000).
Formatos de código: HEX, RGB, HSL y nombres
Un mismo color admite varios formatos, y conviene conocerlos: HEX (#0D9084), RGB y su versión con transparencia RGBA, HSL (tono, saturación y luminosidad) y HSLA, y los nombres de color que reconocen los navegadores (los estándares definen 140 nombres como red, teal o gold). Para impresión se usa CMYK. Todos parten del espacio sRGB, el estándar de la web.
Tabla de códigos de colores HTML
Estos son algunos de los códigos de colores HTML más usados, con su nombre, su código HEX y su equivalente RGB:
| Color | Nombre HTML | HEX | RGB |
|---|---|---|---|
| Blanco | white | #FFFFFF | 255, 255, 255 |
| Negro | black | #000000 | 0, 0, 0 |
| Rojo | red | #FF0000 | 255, 0, 0 |
| Verde lima | lime | #00FF00 | 0, 255, 0 |
| Azul | blue | #0000FF | 0, 0, 255 |
| Amarillo | yellow | #FFFF00 | 255, 255, 0 |
| Cian | cyan | #00FFFF | 0, 255, 255 |
| Magenta | magenta | #FF00FF | 255, 0, 255 |
| Gris | gray | #808080 | 128, 128, 128 |
| Plata | silver | #C0C0C0 | 192, 192, 192 |
| Granate | maroon | #800000 | 128, 0, 0 |
| Oliva | olive | #808000 | 128, 128, 0 |
| Verde | green | #008000 | 0, 128, 0 |
| Púrpura | purple | #800080 | 128, 0, 128 |
| Verde azulado | teal | #008080 | 0, 128, 128 |
| Azul marino | navy | #000080 | 0, 0, 128 |
| Naranja | orange | #FFA500 | 255, 165, 0 |
| Oro | gold | #FFD700 | 255, 215, 0 |
| Rosa | pink | #FFC0CB | 255, 192, 203 |
| Marrón | brown | #A52A2A | 165, 42, 42 |
| Índigo | indigo | #4B0082 | 75, 0, 130 |
| Violeta | violet | #EE82EE | 238, 130, 238 |
| Turquesa | turquoise | #40E0D0 | 64, 224, 208 |
| Coral | coral | #FF7F50 | 255, 127, 80 |
| Salmón | salmon | #FA8072 | 250, 128, 114 |
| Beige | beige | #F5F5DC | 245, 245, 220 |
| Carmesí | crimson | #DC143C | 220, 20, 60 |
| Aguamarina | aquamarine | #7FFFD4 | 127, 255, 212 |
Cómo saber el código de un color (y accesibilidad)
Nuestro valor añadido frente a las tablas estáticas de la competencia: aquí no solo consultas el código, lo conviertes entre cuatro formatos y lo puedes tomar de una imagen con el selector de color. Además pensamos en accesibilidad: al elegir colores para texto, comprueba que la relación de contraste con el fondo cumpla las pautas WCAG del W3C (mínimo 4,5:1 para texto normal). Hemos verificado las conversiones con colores de referencia (blanco, negro, primarios y secundarios) para asegurar que los valores son exactos.
Ver también
Preguntas frecuentes sobre los códigos de color
¿Cómo saber el código de un color?
Tienes tres caminos: escribir o pegar el código en el conversor de arriba para obtener sus equivalencias, elegir el color con el selector del sistema, o usar nuestro selector de color para tomarlo de una imagen o de la pantalla. En todos los casos obtienes el valor en HEX, RGB, HSL y CMYK.
¿Qué color es el código #FF0000?
#FF0000 es el rojo puro. En un código hexadecimal los dos primeros dígitos son el rojo (FF = 255, el máximo), los dos siguientes el verde (00) y los dos últimos el azul (00); al haber solo rojo al máximo, el resultado es rojo intenso.
¿Cuál es el código del blanco y del negro?
El blanco es #FFFFFF (rojo, verde y azul al máximo, 255-255-255) y el negro es #000000 (los tres canales a cero). Son los dos extremos de luminosidad del sistema RGB.
¿Cómo obtengo el código de color de una imagen?
Con un cuentagotas: abre una imagen en nuestro selector de color, haz clic sobre el punto que te interese y te devolverá su código HEX y RGB al instante. También puedes usar el cuentagotas del navegador si tu equipo lo admite.
¿Qué diferencia hay entre HEX, RGB y HSL?
Describen el mismo color de tres maneras: HEX es un código hexadecimal de seis dígitos (#0D9084) habitual en la web; RGB da las cantidades de rojo, verde y azul de 0 a 255; y HSL usa tono, saturación y luminosidad, más intuitivo para crear variaciones. El conversor te muestra los tres, más CMYK para impresión.
¿El «código de color» de un coche es lo mismo?
No. El código de color de un coche (o código de pintura, a veces asociado al VIN) es una referencia del fabricante para identificar la pintura exacta del vehículo, y no equivale a un código HEX. Esta herramienta trabaja con códigos de color digitales para web y diseño.
Última actualización: 17/09/2026 · Por el equipo de PuntoCálculo