Tons de Verde: Códigos Hex, RGB e HSL

O que conta como um tom de verde?

O verde cobre mais espectro visível do que qualquer outra família e, com 24 tons, esta é a lista mais longa do site. Vai de PaleGreen #98FB98 e LightGreen #90EE90 no topo, passa pelo meio elétrico — Chartreuse #7FFF00, Lima #00FF00, SpringGreen #00FF7F —, entra nos tons de joia Esmeralda #50C878 e Jade #00A36C e sai por baixo via ForestGreen #228B22, Verde Caçador #355E3B e DarkGreen #006400.

A família se divide sobretudo pelo vizinho em que se apoia. Verdes amarelados como GreenYellow #ADFF2F, YellowGreen #9ACD32 e OliveDrab #6B8E23 soam orgânicos e um pouco ácidos; verdes azulados como MediumSeaGreen #3CB371 e o Jade soam frios e clínicos. Sálvia #9CAF88 e Verde Militar #454B1B ficam à parte dos dois: são verdes com quase toda a saturação retirada, e é exatamente por isso que se leem como sofisticados em vez de barulhentos.

Como usar estes códigos de cor

1. Encontre seu tom. A lista vai do claro ao escuro, com uma amostra real ao lado de cada nome — percorra como se fosse uma cartela de tintas.
2. Clique em um código para copiar. Cada linha traz o valor hex, RGB e HSL daquela cor. Um clique copia exatamente esse texto para a área de transferência.
3. Cole no seu projeto. Leve o hex para o CSS, o Figma, o Photoshop ou um documento. Clicar na própria amostra também copia o hex, então você não precisa mirar no texto pequeno.

O que o verde comunica

O verde é a cor da permissão. Sinal aberto, estados de sucesso e marcas de confirmação são verdes em quase toda convenção de interface, e a associação é tão forte que uma mensagem de erro em verde soa como contradição.

Seu segundo significado é crescimento nos dois sentidos, botânico e financeiro. Sálvia e Samambaia #4F7942 carregam o registro natural, sustentável e calmo em que vivem as marcas de bem-estar e produtos orgânicos, enquanto o Esmeralda e o ForestGreen mais profundos sinalizam dinheiro, estabilidade e solidez. É ainda a matiz mais descansada para o olho, no centro do espectro onde ele foca com menos esforço, e por isso aguenta áreas grandes que outras cores saturadas não sobreviveriam.

Limitações honestas

Um código hex é exato, mas a cor que você vê não é. O mesmo #FF0000 aparece diferente num celular OLED, num monitor de escritório barato e no papel impresso, porque cada dispositivo tem sua própria gama e calibração. Use estes valores como um ponto de partida preciso para tela e sempre confira uma prova física antes de mandar uma cor para gráfica: o CMYK não reproduz todos os tons desta lista.

Os nomes de cor misturam duas coisas. Os marcados com CSS são cores nomeadas oficiais: o nome funciona direto numa folha de estilo e todo navegador o resolve exatamente para aquele hex. Os demais são nomes convencionais — Bordô, Sálvia, Espresso — que não pertencem a nenhum padrão. Seus valores seguem a convenção mais citada, mas outra cartela pode colocá-los um pouco mais claros ou escuros, então cite o hex e não o nome quando o valor exato importar.

Por que é grátis?

O FreeToGenerate.com mantém todas as ferramentas realmente gratuitas. Esta página é uma lista estática de valores de cor exibida no seu navegador: nada para instalar, sem conta e sem versão premium escondendo metade da paleta. Copie quantos códigos precisar, quantas vezes quiser.

Outras famílias de cor

vermelholaranjaamarelocianoazulroxorosamarromcinzapretobrancoTodas as famílias