Tonos de Rojo: Códigos Hex, RGB y HSL

¿Qué cuenta como un tono de rojo?

El rojo ocupa la franja del espectro alrededor de los 0° del círculo cromático, y los 22 tonos siguientes la recorren de punta a punta. Arriba están los rojos pálidos y poco saturados como LightSalmon #FFA07A y LightCoral #F08080; el rojo puro #FF0000 marca el centro; y la cola baja por Carmín #960018 y DarkRed #8B0000 hasta el Burdeos #800020, un rojo tan profundo que en dosis pequeñas se lee como un neutro.

Al bajar por la lista cambian dos cosas a la vez. La luminosidad cae, que es lo que convierte el Escarlata #FF2400 en Rojo Sangre #880808, y el matiz se desplaza: el Bermellón #E34234 tira a naranja, mientras que Frambuesa #E30B5C y Rubí #E0115F ya han cruzado casi del todo hacia el rosa. Ese desplazamiento explica por qué una página que use varios rojos juntos debe tomarlos del mismo tramo de la lista y no al azar.

Cómo usar estos códigos de color

1. Busca tu tono. La lista va de claro a oscuro, con una muestra real junto a cada nombre — recórrela como si fuera una carta de pinturas.
2. Haz clic en un código para copiarlo. Cada fila trae el valor hex, RGB y HSL de ese color. Un clic copia ese texto exacto a tu portapapeles.
3. Pégalo en tu proyecto. Lleva el hex a CSS, Figma, Photoshop o un documento. Al hacer clic en la muestra también se copia el hex, así no tienes que apuntar al texto pequeño.

Qué comunica el rojo

El rojo es el color de mayor activación que se usa habitualmente. Capta la atención más rápido que cualquier otro en pantalla, y por eso los errores, las alertas y las etiquetas de rebajas recurren a él — y también por eso las interfaces que lo usan en todas partes resultan agotadoras. Un solo rojo en una composición rinde más que tres.

Sus lecturas culturales se separan de forma clara según el tono. Los rojos vivos transmiten urgencia, apetito y pasión: por eso la comida rápida y las etiquetas de liquidación se agrupan cerca del #FF0000. Los rojos profundos hacen lo contrario: Burdeos, Vino #722F37 y Caoba #C04000 se leen como caros y meditados, y son la paleta habitual de las etiquetas de vino, la marroquinería y los despachos de abogados.

Limitaciones honestas

Un código hex es exacto, pero el color que ves no lo es. El mismo #FF0000 se ve distinto en un móvil OLED, en un monitor de oficina barato y en papel impreso, porque cada dispositivo tiene su propia gama y calibración. Usa estos valores como un punto de partida preciso para pantalla, y revisa siempre una prueba física antes de mandar un color a imprenta: CMYK no puede reproducir todos los tonos de esta lista.

Los nombres de color mezclan dos cosas. Los marcados con CSS son colores con nombre oficiales: el nombre funciona tal cual en una hoja de estilos y todos los navegadores lo resuelven exactamente a ese hex. El resto son nombres convencionales — Burdeos, Salvia, Espresso — que no pertenecen a ningún estándar. Sus valores siguen la convención más citada, pero otra carta puede colocarlos un poco más claros u oscuros, así que cita el hex y no el nombre cuando el valor exacto importe.

¿Por qué es gratis?

FreeToGenerate.com mantiene todas sus herramientas realmente gratis. Esta página es una lista estática de valores de color que se muestra en tu navegador: nada que instalar, sin cuenta y sin versión premium que esconda la mitad de la paleta. Copia todos los códigos que necesites, las veces que quieras.

Otras familias de color

naranjaamarilloverdecianazulmoradorosamarróngrisnegroblancoTodas las familias