Paleta de Cores

Cor verde

É a cor da vegetação e, na tela, surge da mistura de luz azul e amarela. É associado à natureza, à saúde e à permissão para seguir. É comum em marcas ecológicas, bancos e botões de confirmar.

Verde · #008000

Sobre a cor verde

O verde (#008000) é uma cor intermediária, escura e muito saturada. Faz parte da família dos verdes. É formada por 0 de vermelho, 128 de verde e 0 de azul (de 0 a 255). É usada principalmente em logos, natureza, web, sinalização.

Tons de verde: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Cores que combinam com verde

BrancoFresco e limpo.BegeNatural e descontraído.Marrom-caféComo a madeira e as folhas.Azul-marinhoUma mistura fria e elegante.RosaSeu contraste complementar.AmareloAlegre e primaveril.DouradoLuxo e calor.CinzaAcalma o verde e moderniza.
Como usar verde em roupas e decoração →

Harmonias da cor verde

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Púrpura
AnálogasPróximo de: Verde-jade
TríadePróximo de: Azul-marinho, Grená
Complementar divididaPróximo de: Índigo, Borgonha
TétradePróximo de: Ultravioleta, Púrpura, Chocolate

Paletas com a cor verde

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Verde
Paleta análoga · Verde
Paleta complementar · Verde
Paleta tríade · Verde
Paleta com neutros · Verde
Paleta com destaque · Verde

Contraste de verde com texto

Texto brancoContraste 5.1:1 · AA
Texto pretoContraste 4.1:1 · AA texto grande

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --verde: #008000;
  --verde-rgb: 0, 128, 0;
}
.fundo { background-color: var(--verde); }
.texto { color: var(--verde); }

Cores parecidas com verde

Verde-florestaVerde-escuroVerde-jadeVerde-esmeraldaVerde-maçãVerde pastelVerde-pistacheVerde-olivaVerde-claroVerde-musgo

Mais verdes

Verde-esmeraldaVerde-limaVerde-olivaVerde-mentaVerde-musgoVerde-florestaVerde-jadeVerde-pinhoVerde-maçãVerde-sálviaVerde-garrafaVerde-militarVerde neonVerde-pistacheVerde-gramaChartreuseVerde pastelVerde-escuroVerde-claroVerde-bandeira

Perguntas frequentes

Qual é o código da cor verde?

O código HEX da cor verde é #008000. Em RGB é rgb(0, 128, 0), em HSL é hsl(120, 100%, 25%) e em CMYK é 100, 0, 100, 50.

Qual é a cor complementar de verde?

A complementar no círculo cromático é #800080, um tom próximo de púrpura. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor verde?

Sim. O contraste com o branco é 5.1:1, suficiente para texto comum (WCAG AA).

Quais cores combinam com verde?

Combina bem com branco, bege, marrom-café, azul-marinho, rosa. Evite juntar com vermelho intenso se não quiser um clima natalino. Misturar muitos verdes de temperaturas diferentes sem um neutro fica bagunçado.