Recolorify
DESIGN9 min read· Jun 22, 2026

Códigos de Colores: Guía Completa de Códigos Hex y RGB

Un código de color es el lenguaje con el que diseñadores, tiendas online y desarrolladores hablan el mismo idioma cromático. En esta guía en español te explicamos cómo funcionan los códigos hexadecimales (hex) y RGB, te damos una tabla de referencia de los colores más usados, y te mostramos cómo aplicar un código de color exacto a tus fotos de producto o logotipos sin que pierdan textura ni sombras.

Códigos de Colores: Guía Completa de Códigos Hex y RGB

¿Qué es un código hexadecimal y uno RGB?

El código hexadecimal (hex) es el más usado en HTML y CSS. Empieza con # y combina seis caracteres que representan la cantidad de rojo, verde y azul en base 16; por ejemplo, el rojo puro es #FF0000. El modelo RGB describe el mismo color con tres números de 0 a 255: rgb(255, 0, 0).

Ambos definen el color, pero no la luminosidad de una foto real. Por eso, para recolorar productos sin aplanar las sombras, las herramientas profesionales trabajan en el espacio LAB, que separa la luminosidad (texturas y sombras) del color en sí.

Tabla de códigos de colores más usados

  • Rojo — #FF0000 · RGB(255, 0, 0) — el rojo primario digital. Carmesí #DC143C, Granate #800000.
  • Naranja — #FFA500 · RGB(255, 165, 0) — cálido y enérgico, ideal para llamadas a la acción. Coral #FF7F50, Naranja quemado #CC5500.
  • Amarillo — #FFFF00 · RGB(255, 255, 0) — máxima atención y brillo. Dorado #FFD700, Mostaza #E1AD01.
  • Verde — #008000 · RGB(0, 128, 0) — naturaleza y confianza. Verde bosque #228B22, Esmeralda #50C878, Lima #00FF00.
  • Azul — #0000FF · RGB(0, 0, 255) — el color más fiable en comercio y tecnología. Azul marino #000080, Azul cielo #87CEEB, Azul real #4169E1.
  • Turquesa / Verde azulado — #40E0D0 · RGB(64, 224, 208) — fresco y moderno. Teal #008080.
  • Morado — #800080 · RGB(128, 0, 128) — lujo y creatividad. Violeta #7F00FF, Lavanda #E6E6FA.
  • Rosa — #FFC0CB · RGB(255, 192, 203) — calidez y modernidad. Rosa fuerte #FF69B4, Magenta #FF00FF.
  • Marrón — #964B00 · RGB(150, 75, 0) — cálido y natural. Chocolate #7B3F00, Beige #F5F5DC.
  • Gris — #808080 · RGB(128, 128, 128) — neutro y sofisticado. Plata #C0C0C0, Carbón #36454F.
  • Negro — #000000 · RGB(0, 0, 0) y Blanco — #FFFFFF · RGB(255, 255, 255) — los neutros base.

Hex, RGB, HSL y CMYK: cuándo usar cada uno

El hex y el RGB describen el mismo color de dos formas: #FF0000 es igual que rgb(255, 0, 0). El HSL (tono, saturación, luminosidad) es más intuitivo para ajustar un color a mano — el rojo puro es hsl(0°, 100%, 50%). El CMYK (cian, magenta, amarillo, negro) se usa en impresión.

Regla práctica: usa hex o RGB para web y CSS, HSL cuando quieras aclarar u oscurecer un tono sin cambiar el color, y CMYK solo cuando mandes algo a imprenta. Para recolorar fotos, lo que importa no es el modelo sino conservar la luminosidad — por eso Recolorify trabaja en LAB.

Cómo aplicar un código de color exacto a tus imágenes

Para teñir un producto o logotipo a un color exacto, sube tu imagen a Recolorify, haz clic en la región que quieras cambiar y pega el código hex de destino. El recoloreado se aplica en el espacio LAB, así que el color cambia pero los pliegues, brillos y sombras se conservan. Consulta también nuestra guía para cambiar el color de la ropa online y para recolorar fotos de productos.

Combinaciones de colores que funcionan

  • Azul + naranja — contraste complementario, enérgico y fiable.
  • Negro + dorado (#D4AF37) — la combinación clásica de lujo.
  • Rojo + blanco — limpio, urgente y directo, ideal para ofertas.
  • Verde + crema (#FAF3E0) — natural y orgánico para marcas de bienestar.
  • Gris + un acento vivo — deja que un solo color destaque sobre un neutro.

Preguntas frecuentes sobre códigos de colores

¿Qué es un código hexadecimal? Es un código de seis caracteres que empieza con # y define un color por sus valores de rojo, verde y azul; por ejemplo, #FF0000 es rojo puro.

¿Cuál es el código del color rojo? El rojo puro es #FF0000 o rgb(255, 0, 0). El carmesí es #DC143C.

¿Cómo consigo el código hex de un color de una imagen? Sube la imagen a Recolorify y haz clic en la zona cuyo color quieras: verás su código hex exacto, además de RGB y HSL.

¿Puedo cambiar una imagen a un color exacto sin que pierda textura? Sí. Recolorify recolorea en espacio LAB, así que el color cambia al valor hex exacto pero los pliegues, brillos y sombras se conservan.