Verde-Claro
Verde-Claro (#90EE90) é um verde claro, de tom entre quente e frio, com RGB(144, 238, 144). É o lightgreen do CSS, irmão um pouco mais escuro e mais fosco do Verde Pálido (#98FB98): mesma receita, com vermelho e azul iguais, só que um degrau abaixo (144, 238, 144).
Em HSL, tem matiz de 120°, saturação de 73% e luminosidade de 75%. Em CMYK, os valores são C 39%, M 0%, Y 39% e K 7%. A cor segura para a web mais próxima é a #99FF99.
Conversões da Cor #90EE90
Verde-Claro em vários códigos, para tela e para impressão. Guia: o que são HEX, RGB, HSL e CMYK · O que significa cada sigla, no glossário
| HEX | 90EE90 |
|---|---|
| RGB | 144, 238, 144 |
| CMYK | 39, 0, 39, 7 |
| HSB | 120, 39, 93 |
| HSL | 120, 73, 75 |
| LRV | 69,1 |
| LAB | 86.55, -46.32, 36.95 |
|---|---|
| LCH | 86.55, 59.25, 141.42 |
| XYZ | 47.11, 69.09, 37.23 |
| LUV | 86.55, -45.20, 58.44 |
| HWB | 120, 20, 25 |
| Web Safe | 99FF99 |
Sobre a Cor Verde-Claro
O significado e a psicologia dos tons desta família estão em Cores Verde.
Onde Usar
Na roupa, é verde de verão para camisas, vestidos de algodão, pijamas e roupas de bebê. Fica suave com branco e cinza, e alegre com coral.
Em casa, serve em quarto infantil, banheiro, louça e roupa de cama; numa parede, a saturação aparece, então prefira um cômodo com luz natural.
Na tela, é o verde de fundo para mensagens de sucesso, linhas de tabela destacadas e etiquetas, com texto escuro.
No papel, o verde-claro repete a fórmula do verde pálido com um pouco mais de preto (C 39, M 0, Y 39, K 7). Numa cópia em cinza, resta um cinza bem claro, quase o Cinza Prata (#CCCCCC), e os dois verdes se igualam.
Como Usar
Use o verde-claro como fundo, em áreas médias e grandes. O Cinza Ardósia Escuro (#2F4F4F) serve de texto sobre ele (6,30:1), e o Azul-Marinho (#000080) dá contraste de sobra (11,30:1).
Com o Coral Claro (#F08080), da tríade, e o Lilás Brilhante (#D891EF), perto da complementar, faz uma paleta de festa infantil, toda em tons claros, que funciona em áreas separadas por branco.
Evite pô-lo junto do Verde Pálido (#98FB98): a diferença (1,12:1) não aparece e parece mancha.
Psicologia
Muita luz e saturação média-alta: o verde-claro é agradável e leve, com um pouco do estímulo próprio do verde. Ao lado do verde pálido, que tem mais luz e mais saturação, parece mais calmo.
Lê-se como cuidado e frescor: enxoval, verão. Em excesso, fica infantil.
Significado
É o verde das folhas de alface na feira, do chuchu descascado e do sabonete de glicerina. Em português, verde-claro também é nome genérico, usado para qualquer verde suave, e por isso o tom aparece em quarto de criança, papel de presente e caderno escolar sem chamar atenção para si.
Origem do Nome
É o LightGreen da lista de cores do X11, adotada pelo CSS. Na mesma lista, o código #90EE90 aparece também como PaleGreen2, a segunda variante numerada do verde pálido, segundo a Wikipédia. Na lista de cores em português, é simplesmente o verde claro.
Acessibilidade
Sobre branco, o verde-claro tem só 1,42:1: some como texto, ícone ou borda. Com fundo verde-claro, o preto alcança 14,82:1, nível AAA.
Na deuteranopia, vira um cinza quente, perto do Tubarão Branco (#B0B0AF), e passa a parecer o Malva Francês (#D473D4); na protanopia, um bege, perto do Antílope (#C1B8A8), que se confunde com o Rosa Quente (#FF69B4). Na tritanopia, vira azul-acinzentado e encosta no Azul Bluebell (#A2A2D0). Gráficos com verde-claro e lilás pedem rótulo.
Variações da Cor #90EE90
Variações de Verde-Claro: sombras, tons claros, tons acinzentados, matizes e temperatura.
Sombras da Cor #90EE90
Verde-Claro com preto acrescentado aos poucos. O que é sombra
Tons Claros da Cor #90EE90
Verde-Claro com branco acrescentado aos poucos. O que é tom claro
Tons Acinzentados da Cor #90EE90
Verde-Claro com cinza acrescentado aos poucos. O que é tom acinzentado
Matizes Próximos da Cor #90EE90
Outros matizes a partir de Verde-Claro, girando no círculo cromático. O que é matiz
Temperaturas da Cor #90EE90
Versões mais quentes e mais frias de Verde-Claro. Cores quentes e frias
Harmonias da Cor #90EE90
Combinações de Verde-Claro pela posição no círculo cromático. O que são harmonias · Guia: cores complementares e análogas
Análogas
Verde-Claro e as duas cores vizinhas no círculo cromático.
Complementares
Verde-Claro e a cor do lado oposto do círculo cromático.
Complementares Divididas
Verde-Claro e as duas vizinhas da sua complementar.
Triádicas
Verde-Claro e mais duas cores, a 120° uma da outra.
Tetrádicas
Verde-Claro em dois pares de complementares, num retângulo.
Quadradas
Verde-Claro e mais três cores, a 90° uma da outra.
Simulador de Daltonismo da Cor #90EE90
Como Verde-Claro aparece para quem tem cada tipo de daltonismo. Quantas pessoas têm cada tipo
Protanopia
Verde-Claro vira #B9BAA7 para quem tem protanopia.
Deuteranopia
Verde-Claro vira #B3ACAC para quem tem deuteranopia.
Tritanopia
Verde-Claro vira #95B9BD para quem tem tritanopia.
Protanomalia
Verde-Claro vira #A1CF9C para quem tem protanomalia.
Deuteranomalia
Verde-Claro vira #A3D69D para quem tem deuteranomalia.
Tritanomalia
Verde-Claro vira #93D5A1 para quem tem tritanomalia.
Acromatopsia
Verde-Claro vira #C7C7C7 para quem tem acromatopsia.
Verificador de Contraste (WCAG) da Cor #90EE90
Verde-Claro como texto e como fundo, com branco e com preto. O que são os níveis AA e AAA · Guia: como medir o contraste
Fundo Branco
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Fundo Preto
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Explore e Use a Cor #90EE90
Os tons de verde, paletas com eles e as ferramentas já com esta cor carregada.
124 tons na família
Na faixa: Arco Íris de Cores Pastéis
Na faixa, a mistura com a complementar, #EE91EE
Texto branco e texto preto sobre ela; o preto lê melhor
Degradê com as análogas, para celular ou computador
Cores Relacionadas
As cores com nome mais parecidas com Verde-Claro, primeiro as da mesma família. O que é o ΔE
Exportar Códigos de Cores
Códigos Gerados