Tonos de Marrón: Códigos Hex, RGB y HSL

¿Qué cuenta como un tono de marrón?

El marrón es la familia que no existe en el espectro: es naranja oscuro, y todos los tonos siguientes son matices entre el rojo y el amarillo con la luminosidad bajada. Por eso la lista es tan larga — 22 entradas que van del casi blanco Beige #F5F5DC y el Trigo #F5DEB3, pasando por Tostado #D2B48C, Camel #C19A6B y Chocolate #D2691E, hasta Café #6F4E37, Topo #483C32 y Espresso #4E3524.

Los nombres se agrupan por origen, lo que ayuda a elegir. Los marrones de comida — Caramelo #C68E17, Canela #D27D2D, Moca #967969 — se sitúan en la franja cálida y media-clara. Los marrones de tierra y pigmento — Ocre #CC7722, Siena #A0522D, Umbra #635147 — son la paleta tradicional del pintor y resultan más apagados. Y los más oscuros, Espresso y Topo, funcionan como alternativas cálidas al negro, que es justo lo que necesita una paleta cuando el negro puro resulta demasiado duro.

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 marrón

El marrón se lee como asentado y duradero. Es el color de la madera, el cuero, la tierra y el café, así que transmite fiabilidad y oficio como no lo hace ningún color de laboratorio: por eso domina en mobiliario, material de montaña y todo lo que se presenta como hecho y no como fabricado.

También es el menos moderno de los doce, y eso corta por los dos lados. El marrón rara vez emociona y es el color que más veces aparece como el menos preferido en las encuestas, pero esa misma falta de moda lo hace leerse como honesto y sin prisa. Junto al crema y al beige es la paleta estándar de la comida artesanal y el packaging ecológico; usado solo y muy oscuro, resulta pesado y anticuado.

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

rojonaranjaamarilloverdecianazulmoradorosagrisnegroblancoTodas las familias