Um verde brilhante e fresco com um toque de azul, como os brotos novos na primavera. É uma das cores padrão da web e aparece em interfaces, gráficos e projetos cheios de energia.
O código HEX da cor verde-primavera é #00FF7F. Em RGB é rgb(0, 255, 127), em HSL é hsl(150, 100%, 50%) e em CMYK é 100, 0, 50, 0.
Escolha uma cor para combinar e veja como fica em roupas, decoração e design.
O verde-primavera (#00FF7F) é uma cor intermediária, de luminosidade média e muito saturada. Faz parte da família dos verdes. É formada por 0 de vermelho, 255 de verde e 127 de azul (de 0 a 255). É usada principalmente em web, design gráfico, tecnologia.
Do mais claro ao mais escuro. Toque em um tom para copiar o código.
Veja todos os tons: Gerador de escala de cores
Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.
Copie os códigos ou abra a paleta no editor para ajustá-la.
Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.
:root {
--verde-primavera: #00FF7F;
--verde-primavera-rgb: 0, 255, 127;
}
.fundo { background-color: var(--verde-primavera); }
.texto { color: var(--verde-primavera); }
O código HEX da cor verde-primavera é #00FF7F. Em RGB é rgb(0, 255, 127), em HSL é hsl(150, 100%, 50%) e em CMYK é 100, 0, 50, 0.
A complementar no círculo cromático é #FF0080, um tom próximo de rosa-choque. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.
Melhor usar texto preto: o contraste com o branco é só 1.3:1, enquanto com o preto é 15.6:1.
Usamos cookies do Google Analytics para entender como o site é usado. Você aceita? Saiba mais