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

¿Qué cuenta como un tono de rosa?

El rosa no es un matiz propio: es rojo con la luminosidad subida o la saturación recortada, y por eso los 17 tonos siguientes ocupan un rango tan amplio. Los más pálidos, LavenderBlush #FFF0F5 y MistyRose #FFE4E1, son blancos apenas teñidos. El centro reúne los rosas que la gente nombra de verdad: Rosa #FFC0CB, LightPink #FFB6C1, Rosa Chicle #FFC1CC. El extremo profundo — DeepPink #FF1493, Cereza #DE3163, MediumVioletRed #C71585 — está más cerca del magenta que del rubor.

La distinción más útil aquí es cálido frente a frío. Rosa Salmón #F88379, Sandía #E37383 y Flamenco #FCA3B7 llevan naranja y se leen suaves y naturales; HotPink #FF69B4, Rosa Neón #FF10F0 y Rosa #FF007F llevan azul y se leen eléctricos. Mezclar los dos grupos en una misma paleta es la forma más rápida de que un diseño parezca accidental, así que elige bando antes de elegir tono.

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 rosa

La lectura de género del rosa es reciente y regional: antes de los años cuarenta se comercializaba habitualmente como color de niño, por ser un rojo diluido. Trátalo como una variable cultural viva y no como un significado fijo, sobre todo en trabajos para mercados fuera de Occidente.

Su efecto constante es suavizar. Un rosa pálido quita al rojo la agresividad conservando su calidez, y por eso domina en cosmética, confitería y hostelería. El extremo saturado hace lo contrario: HotPink y Rosa Neón son deliberadamente ruidosos y algo rebeldes, con asociaciones fuertes con el punk, el pop y el diseño de los años ochenta que una marca o busca o debe evitar activamente.

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

rojonaranjaamarilloverdecianazulmoradomarróngrisnegroblancoTodas las familias