A versão curta
- Os tons de joia são cores profundas e muito saturadas com nomes de gemas: verde esmeralda, azul safira, vermelho rubi, roxo ametista, além de topázio, citrino, granada e turmalina.
- O que faz de uma cor um tom de joia é a combinação de saturação forte com um valor médio a escuro, para parecer iluminada por dentro e não viva nem pálida.
- Os tons de joia ficam mais ricos ao lado de um neutro quente como o marfim, de um quase preto ou de um pouco de dourado suave.
- Esmeralda, safira, rubi e ametista passam todos o contraste WCAG AA para texto corrente sobre branco ou marfim com os códigos deste artigo.
- Usa um tom de joia como cor principal e, no máximo, outro como acento, porque um conjunto completo de gemas com igual força parece um disfarce.
Nesta página
Os tons de joia são cores profundas e saturadas com nomes de pedras preciosas: esmeralda #00674F, safira #0F52BA, rubi #9B111E e ametista #6A3D9A são as quatro que todos reconhecem, com topázio, citrino, granada e turmalina logo atrás. Ocupam uma faixa estreita: muito mais ricos do que os pastéis, mais escuros do que o néon e nunca esbatidos como os tons de terra. Essa combinação é o que os faz parecer valiosos e os torna adequados a eventos noturnos, campanhas de inverno, rótulos de vinho e qualquer marca que queira transmitir substância sem recorrer ao preto.
Códigos hex dos tons de joia
Estes são códigos de trabalho, afinados para se parecerem com a pedra no ecrã e para aguentarem como texto. As gemas variam, por isso não existe uma esmeralda oficial, mas estes valores estão bem dentro do que as pessoas imaginam.
Hex
#00674FRGB
Texto sobre branco
#0F52BARGB
Texto sobre branco
#9B111ERGB
Texto sobre branco
#6A3D9ARGB
Texto sobre branco
Hex
#0E7C7BRGB
Texto sobre branco
Hex
#B0185ARGB
Texto sobre branco
#D98E04RGB
Texto sobre branco
#E1B000RGB
Texto sobre branco
#14141A chega a 9,10:1.Se precisares destas cores noutro formato, os códigos de cor hex explicam como se relacionam hex, RGB e HSL, e hex para RGB mostra a conversão à mão.
O que faz de uma cor um tom de joia
Duas definições, ao mesmo tempo. A saturação é alta: a cor é pura, quase sem cinzento. O valor é médio a escuro: fica bem abaixo do branco. Sobe o valor e a esmeralda transforma-se em menta; baixa a saturação e transforma-se em salva. Mantém os dois e ficas com o brilho da luz a atravessar uma pedra lapidada.
Não é um tom de joia
- Menta
#98E5C8: demasiado clara, um pastel - Salva
#8A9A84: esbatida, um tom suave - Lima
#7CFF3A: viva e elétrica, um néon - Floresta
#1F3B2C: tão escura que parece quase preta
Tom de joia
- Esmeralda
#00674F: verde puro em valor médio escuro - Safira
#0F52BA: azul saturado, claramente iluminado - Rubi
#9B111E: vermelho profundo que ainda brilha - Ametista
#6A3D9A: roxo com profundidade, não cinzento
É a mesma ideia que descrevem as tonalidades, tons e sombras: os tons de joia são sobretudo matizes puros com um pouco de preto, raramente com branco ou cinzento. Estão também no extremo oposto dos tons de terra, que são os mesmos matizes puxados para o castanho.
Paletas de cores de tons de joia que podes usar
Um tom de joia precisa de algo calmo à volta. Sozinha, uma página de esmeralda é pesada; ao lado do marfim, parece intencional. Estas quatro paletas lideram cada uma com uma pedra e juntam apoio na proporção certa.
- Biblioteca esmeralda: esmeralda
#00674F, marfim#F6EFE2, dourado suave#C9A24A, tinta#14141A. Clássica, livresca, boa para editoras e bares. - Noite safira: safira
#0F52BA, meia-noite#0B1430, pérola#EEF0F5, citrino#E1B000como pequeno acento. Calma e confiante. - Ceia rubi: rubi
#9B111E, granada#6F1D2B, creme#F4EADB, oliva#5E6B3A. Quente, generosa, feita para comida e vinho. - Estúdio ametista: ametista
#6A3D9A, ameixa#3B1F4F, linho#F2ECE4, turmalina azul-esverdeada#0E7C7B. Criativa e um pouco inesperada.
Usa a regra 60 30 10 como divisão inicial: o neutro cobre a maior parte da superfície, o tom de joia fica com as formas grandes e o acento com uma nesga. O dourado funciona melhor suave; um dourado amarelo vivo ao lado da esmeralda depressa parece um disfarce.
Gradientes de tons de joia
Os tons de joia fazem alguns dos gradientes mais ricos que existem, porque cada um pode esbater-se na sua própria sombra sem ficar turvo. Mantém os vizinhos próximos na roda de cores e deixa um fundo escuro fazer a maior parte do trabalho.
Evita misturar o rubi diretamente com a esmeralda. São complementares, por isso o ponto médio fica castanho; os gradientes turvos explicam porquê e como contornar o problema com uma terceira cor ou um fundo escuro.
Onde os tons de joia funcionam melhor
Os tons de joia têm peso, por isso servem momentos que devem parecer ponderados: um convite, uma ementa sazonal, a capa de um relatório anual, o lançamento de algo que custa dinheiro a sério. Compõe o texto em marfim ou num tom claro do mesmo matiz e mantém a disposição sóbria.
Um convite 5×7 pol. a 1500×2100. Um fundo profundo com letra clara é o gesto clássico dos tons de joia.
Uma publicação de Instagram a 1080×1350 para um produto limitado, deixando uma só pedra definir o ambiente.
Muitas marcas recorrem aos tons de joia no outono e no inverno, e é exatamente por isso que uma campanha sazonal se pode confundir com as dos outros. Se queres a riqueza sem a semelhança, um Mark do Gradiently dá-te um fundo em tons de joia que só tu podes exportar depois de o reservares, e mantém o teu texto legível onde quer que esteja.
Erros comuns com tons de joia
- Usar quatro pedras com força total. Esmeralda, safira, rubi e ametista juntas parecem uma caixa de rebuçados. Escolhe uma principal.
- Combinar com branco puro. Dá contraste, mas fica clínico. Um marfim quente faz a cor parecer mais profunda.
- Pôr tons de joia claros por baixo de texto branco. O citrino e o topázio pedem texto escuro; branco sobre citrino falha muito no contraste.
- Imprimir sem prova. Os azuis e roxos saturados saem muitas vezes da gama CMYK e ficam baços no papel. Lê RGB vs CMYK antes de enviares um ficheiro.
Perguntas frequentes
O que são tons de joia?
Os tons de joia são cores profundas e saturadas com nomes de gemas, como verde esmeralda, azul safira, vermelho rubi e roxo ametista. Combinam saturação forte com um valor médio a escuro.
Qual é o código hex do verde esmeralda?
Uma boa esmeralda em tom de joia é #00674F. Esmeraldas mais claras como #50C878 são comuns na web, mas lêem-se como um verde médio vivo e não como uma gema.
Que cores combinam com tons de joia?
Neutros quentes como marfim e creme, quase preto e pequenas quantidades de dourado suave. Um tom de joia costuma ficar melhor com, no máximo, outro tom de joia, usado como acento.
Qual é a diferença entre tons de joia e tons de terra?
Os tons de joia são puros e saturados; os tons de terra são os mesmos matizes puxados para o castanho e o cinzento. A esmeralda é um tom de joia, o verde-azeitona é um tom de terra.
Os tons de joia servem para uma marca?
Servem marcas que querem parecer ricas, estabelecidas ou festivas, como hotelaria, edição e produtos premium. Escolhe uma pedra como principal e deixa bastante espaço neutro à volta.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil