12 Tons diferentes de Verde (+ códigos HEX)
Explore todos os tons de verde, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores verde. Clique em qualquer tom para copiar o código.
O verde cobre mais terreno que qualquer outro nome de cor: um sálvia acinzentado e um lima neon só têm o rótulo em comum. Decida a saturação antes do matiz.
Ele carrega crescimento, saúde e permissão. Em interfaces, guarde-o para os estados de sucesso, assim o significado continua legível.
- hint of green#ebffeb
- snowy mint#d1ffd1
- reef#b7ffb7
- mint green#9dff9d
- screamin' green#6aff6a
- harlequin#36ff36
- green#1cff1c
- japanese laurel#009b00
- camarone#006700
- crusoe#004d00
- deep fir#003400
- black#000000
Verde: códigos HEX e RGB
verde tem os seguintes códigos de cor principais:
HEX: #ebffeb
RGB: (235, 255, 235).
Explore uma ampla gama de tons de verde no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de verde
Hint of Green
#ebffeb
Hint of Green
#ebffeb
Hint of Green
#f0fff0
Hint of Green
#f0fff0
Sugar Cane
#f5fff5
Sugar Cane
#f5fff5
Sugar Cane
#f5fff5
Sugar Cane
#fafffa
Sugar Cane
#fafffa
White
#ffffff
Explore os tons mais escuros de verde
Dark Fern
#093409
Parsley
#154c15
Green Pea
#256525
Goblin
#3b813b
Fruit Salad
#559b55
Fern
#74b474
De York
#94cc94
Fringy Flower
#bde5bd
verde em HEX, RGB, HSL e CMYK
| HEX | #008000 | |
|---|---|---|
| RGB | rgb(0, 128, 0) | |
| HSL | hsl(120, 100%, 25%) | |
| CMYK | cmyk(100%, 0%, 100%, 50%) |
Tons claros e escuros de verde
Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.
Mais claros
#00bc00
#00f800
#36ff36
#72ff72
#aeffae
#ebffeb
Mais escuros
#006e00
#005c00
#004a00
#003800
#002600
#001400
Cores que combinam com verde
Complementar
#008000 #80007f
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#408000 #008000 #008040
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#008000 #000080 #800000
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre verde
Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste
Tabela de tons de verde
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.