O verde jade, localizado no meio da região verde na roda de cores, é um tom de frio que incorpora luxo e sofisticação, lembrando a preciosa pedra de jade. Ele compartilha as qualidades revigorantes do verde com um toque de calma de sua influência azul.
O verde jade é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #00BB77
- Valor RGB: 0% vermelho, 73,3% verde e 46,7% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de usar o verde jade em seus designs:
- Realce micro-interações. Use o verde jade para adicionar refinamento à sua interface e melhorar a experiência do usuário. Por exemplo, um leve brilho verde jade sobre um ícone pode sinalizar que ele é clicável quando passado o mouse sobre ele.
- Crie uma atmosfera luxuosa. A conexão do verde jade com o luxo é ótima para marcas que promovem produtos de alto padrão. Combine-o com neutros sofisticados como preto ou cinza para uma interface elegante.
- Signifique sucesso. Como os usuários frequentemente associam o verde à realização, é um tom útil para indicar a conclusão de tarefas. Por exemplo, uma caixa de seleção verde jade em um formulário ou uma notificação de confirmação verde jade pode visualmente informar aos usuários que eles inseriram as informações corretas.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro frio do verde jade, considere:
- Verde claro (#88E788) parece mais suave e evoca uma sensação tranquila semelhante.
- Verde pastel (#80EF80) compartilha um tom semelhante com mais nuances de verde.
- Turquesa (#40E0D0) parece mais azul com as mesmas qualidades revigorantes.
- Verde esmeralda (#00674F) é um tom de joia com mais influência verde, mas compartilha uma sensação luxuosa semelhante.
Para complementar o verde jade, considere combiná-lo com:
- Amarelo claro (#FFFFC5) complementa a frieza do verde jade para uma combinação de cores fresca e alegre.
- Amaranto (#E83256) contrasta com os tons de joia do verde jade para um esquema de cores vibrante e equilibrado.
- Celadon (#A8DCAB) cria a paleta de cores monocromáticas perfeita para uma sensação refrescante e harmoniosa.
- Taupe (#54463A) adiciona profundidade, criando uma atmosfera sofisticada e equilibrada.
- Rosa suave (#E89EB8) cria uma combinação de cores encantadora e primaveril.
Outras cores que valem a pena considerar incluem dourado para uma paleta glamourosa, azul marinho para uma combinação clássica e prata para uma sensação moderna.
Embora o verde jade seja sereno, ele pode entrar em conflito com:
- Verde oliva (#636B2F) pode tender a ser muito amarelado e parecer opaco ao lado da frieza do verde jade.
- Rosa neon (#FF13F0) pode sobrecarregar a natureza serena e calmante do verde jade.
- Verde limão (#89F336) parece visualmente dominante e pode competir por atenção ao lado do verde jade.
- Laranja neon (#FF5C00) pode criar um contraste forte que pode parecer opressor ao lado do verde jade.
Como a preciosa pedra de jade, o verde jade simboliza luxo, sofisticação e abundância. Ele também carrega conotações de crescimento e estabilidade.
Na psicologia das cores, o verde jade promove sensações de rejuvenescimento, paz e tranquilidade. Ele também possui qualidades edificantes, promovendo novos começos e recomeços.
No design de UI, o verde jade é uma boa escolha para significar estados de sucesso devido à sua capacidade de despertar um senso de realização entre os usuários. Também é uma ótima opção de cor para marcas que buscam elevar seus designs e criar uma interface de usuário luxuosa e sofisticada.
A altamente valorizada pedra de jade tem sido apreciada por séculos e usada por muitas civilizações diferentes — dos Maori na Nova Zelândia à China Antiga e culturas mesoamericanas. Ela tem sido usada em esculturas, cerimônias espirituais, joias e armamentos, frequentemente carregando conexões com riqueza, proteção, boa sorte e cura.
Foi apenas no século 19 que o verde jade foi registrado como um nome de cor, referindo-se ao tom da pedra preciosa. Hoje, muitas culturas usam o verde jade em arte, joias, moda e designs.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Jaded
Jungle Heat
Metropolis
Verificador de contraste
Contraste 2,51
- Texto grande
#00BB77
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 8,37
- Texto grande
#00BB77
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #00bb77, conhecida como Verde jade, tem valores RGB de R:0, G:187, B:119 e valores CMYK de C:100, M:0, Y:36, K:27.
| VALUE | CSS | |
|---|---|---|
| HEX | #00bb77 | #00bb77 |
| RGB DECIMAL | 0, 187, 119 | RGB(0,187,119) |
| RGB PERCENTAGE | 0.0, 73.3, 46.7 | RGB(0.0%,73.3%,46.7%) |
| CMYK | 100, 0, 36, 27 | |
| HSL | HSL(158.2, 100.0%, 36.7%) | HSL(158.2, 100.0%, 36.7%) |
| HSV (OR HSB) | 158.2°, 100.0, 73.3 | |
| WEB SAFE | #0204102 | #0204102 |
| BINARY | 00000000, 10111011, 01110111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.733, blue: 0.467) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.733, blue: 0.467, alpha: 1) | |
| Android - Compose | Color(0xFF00BB77) |
