La versión corta
- Los tonos joya son colores profundos y muy saturados con nombre de gema: verde esmeralda, azul zafiro, rojo rubí, morado amatista, además de topacio, citrino, granate y turmalina.
- Lo que hace de un color un tono joya es la combinación de saturación fuerte y un valor de medio a oscuro, de modo que parece iluminado desde dentro y no brillante ni pálido.
- Los tonos joya lucen más ricos junto a un neutro cálido como el marfil, un casi negro o una pequeña cantidad de oro apagado.
- La esmeralda, el zafiro, el rubí y la amatista superan el contraste WCAG AA para texto corrido sobre blanco o marfil con los códigos de este artículo.
- Usa un tono joya como color principal y como mucho otro como acento, porque un juego completo de gemas con la misma fuerza parece un disfraz.
En esta página
Los tonos joya son colores profundos y saturados con nombre de piedra preciosa: esmeralda #00674F, zafiro #0F52BA, rubí #9B111E y amatista #6A3D9A son los cuatro que todo el mundo reconoce, con topacio, citrino, granate y turmalina muy cerca. Se sitúan en una banda estrecha: mucho más ricos que los pasteles, más oscuros que el neón y nunca apagados como los colores tierra. Esa combinación es la razón de que parezcan valiosos y de que vayan bien con eventos de noche, campañas de invierno, etiquetas de vino y cualquier marca que quiera sentirse sustanciosa sin irse al negro.
Códigos hex de tonos joya
Son códigos de trabajo, ajustados para parecerse a la piedra en pantalla y para aguantar como texto. Las gemas varían, así que no existe una esmeralda oficial única, pero estos valores caen de lleno en lo que la gente imagina.
Hex
#00674FRGB
Texto sobre blanco
#0F52BARGB
Texto sobre blanco
#9B111ERGB
Texto sobre blanco
#6A3D9ARGB
Texto sobre blanco
Hex
#0E7C7BRGB
Texto sobre blanco
Hex
#B0185ARGB
Texto sobre blanco
#D98E04RGB
Texto sobre blanco
#E1B000RGB
Texto sobre blanco
#14141A llega a 9,10:1.Si los necesitas en otro formato, códigos de color hex explica cómo se relacionan hex, RGB y HSL, y de hex a RGB muestra la conversión a mano.
Qué hace de un color un tono joya
Dos ajustes, los dos a la vez. La saturación es alta: el color es puro, casi sin gris. El valor es de medio a oscuro: queda muy por debajo del blanco. Sube el valor y la esmeralda se vuelve menta; baja la saturación y se vuelve salvia. Mantén ambos y obtienes el brillo de la luz atravesando una piedra tallada.
No es un tono joya
- Menta
#98E5C8: demasiado claro, un pastel - Salvia
#8A9A84: apagado con gris, un tono suave - Lima
#7CFF3A: vivo y eléctrico, un neón - Bosque
#1F3B2C: tan oscuro que parece casi negro
Tono joya
- Esmeralda
#00674F: verde puro de valor medio oscuro - Zafiro
#0F52BA: azul saturado, claramente iluminado - Rubí
#9B111E: rojo profundo que aún brilla - Amatista
#6A3D9A: morado con profundidad, no gris
Es la misma idea que describen los tintes, tonos y sombras: los tonos joya son sobre todo matices puros con un poco de negro añadido, rara vez con blanco o gris. También están en el extremo opuesto de los colores tierra, que son los mismos matices llevados hacia el marrón.
Paletas de tonos joya que puedes usar
Un tono joya necesita algo tranquilo alrededor. Solo, una página de esmeralda pesa; junto al marfil, parece deliberada. Cada una de estas cuatro paletas lidera con una piedra y añade apoyo en la proporción adecuada.
- Biblioteca esmeralda: esmeralda
#00674F, marfil#F6EFE2, oro apagado#C9A24A, tinta#14141A. Clásica, libresca, buena para editoriales y bares. - Noche zafiro: zafiro
#0F52BA, medianoche#0B1430, perla#EEF0F5, citrino#E1B000como pequeño acento. Calmada y segura. - Cena rubí: rubí
#9B111E, granate#6F1D2B, crema#F4EADB, oliva#5E6B3A. Cálida, generosa, hecha para comida y vino. - Estudio amatista: amatista
#6A3D9A, ciruela#3B1F4F, lino#F2ECE4, turmalina azulada#0E7C7B. Creativa y algo inesperada.
Usa la regla 60 30 10 como reparto inicial: el neutro cubre la mayor parte de la superficie, el tono joya se lleva las formas grandes y el acento recibe una franja. El oro funciona mejor apagado; un oro amarillo vivo junto a la esmeralda parece enseguida un disfraz.
Degradados de tonos joya
Los tonos joya dan algunos de los degradados más ricos que existen, porque cada uno puede fundirse en su propia sombra sin ensuciarse. Mantén cerca a los vecinos del círculo cromático y deja que un fondo oscuro haga casi todo el trabajo.
Evita mezclar el rubí directamente con la esmeralda. Son complementarios, así que el punto medio se vuelve marrón; degradados sucios explica por qué y cómo rodearlo con un tercer color o un fondo oscuro.
Dónde funcionan mejor los tonos joya
Los tonos joya tienen peso, así que van con momentos que deben sentirse cuidados: una invitación, una carta de temporada, la portada de un informe anual, un lanzamiento de algo que cuesta dinero de verdad. Compón el texto en marfil o en un tinte pálido del mismo matiz, y mantén la maquetación sobria.
Una invitación de 5×7 in a 1500×2100. Un fondo profundo con texto pálido es la jugada clásica de los tonos joya.
Una publicación de Instagram a 1080×1350 para un producto limitado, dejando que una piedra marque el ambiente.
Muchas marcas recurren a los tonos joya en otoño e invierno, y precisamente por eso una campaña de temporada puede confundirse con la de todos los demás. Si quieres la riqueza sin la uniformidad, un Mark de Gradiently te da un fondo en tonos joya con el que solo tú puedes exportar una vez que lo reservas, y mantiene legibles tus palabras donde sea que estén.
Errores comunes con los tonos joya
- Usar cuatro piedras a plena fuerza. Esmeralda, zafiro, rubí y amatista juntos parecen una caja de caramelos. Elige un protagonista.
- Combinarlos con blanco puro. Funciona por contraste, pero resulta clínico. Un marfil cálido hace que el color parezca más profundo.
- Poner tonos joya claros bajo texto blanco. El citrino y el topacio necesitan texto oscuro; el blanco sobre citrino falla mucho el contraste.
- Imprimir sin prueba. Los azules y morados saturados suelen quedar fuera del rango CMYK y se apagan en papel. Lee RGB frente a CMYK antes de enviar un archivo.
Preguntas frecuentes
¿Qué son los tonos joya?
Los tonos joya son colores profundos y saturados con nombre de gema, como el verde esmeralda, el azul zafiro, el rojo rubí y el morado amatista. Combinan una saturación fuerte con un valor de medio a oscuro.
¿Cuál es el código hex del verde esmeralda?
Una buena esmeralda de tono joya es #00674F. Las esmeraldas más claras como #50C878 son comunes en la web, pero parecen un verde medio vivo y no una gema.
¿Qué colores combinan con los tonos joya?
Neutros cálidos como el marfil y el crema, el casi negro y pequeñas cantidades de oro apagado. Un tono joya suele lucir mejor con como mucho otro tono joya, usado como acento.
¿Cuál es la diferencia entre tonos joya y colores tierra?
Los tonos joya son puros y saturados; los colores tierra son los mismos matices llevados hacia el marrón y el gris. La esmeralda es un tono joya, el oliva es un color tierra.
¿Son buenos los tonos joya para una marca?
Van bien con marcas que quieren sentirse ricas, consolidadas o festivas, como hostelería, editorial y productos premium. Elige una piedra como protagonista y deja mucho espacio neutro a su alrededor.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil