Tonos de Verde: 12 Tipos y HEX
Estos son los 12 tonos de verde más usados, del más claro al más oscuro.
Explora todos los tonos de verde, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores verde. Haz clic en cualquier tono para copiar su código HEX.
El verde abarca más terreno que cualquier otro nombre de color: un salvia grisáceo y un lima neón no comparten nada más que la etiqueta. Decide la saturación antes que el matiz.
Transmite crecimiento, salud y permiso. En interfaces resérvalo para los estados de éxito, así el significado se mantiene claro.
- 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 y RGB
verde tiene los siguientes códigos de color principales:
HEX: #ebffeb
RGB: (235, 255, 235).
Explora una amplia gama de tonos de verde con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!
Explora los tonos más 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
Explora los tonos más oscuros de verde
Dark Fern
#093409
Parsley
#154c15
Green Pea
#256525
Goblin
#3b813b
Fruit Salad
#559b55
Fern
#74b474
De York
#94cc94
Fringy Flower
#bde5bd
verde en HEX, RGB, HSL y CMYK
| HEX | #008000 | |
|---|---|---|
| RGB | rgb(0, 128, 0) | |
| HSL | hsl(120, 100%, 25%) | |
| CMYK | cmyk(100%, 0%, 100%, 50%) |
Tonos claros y oscuros de verde
Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.
Más claros
#00bc00
#00f800
#36ff36
#72ff72
#aeffae
#ebffeb
Más oscuros
#006e00
#005c00
#004a00
#003800
#002600
#001400
Colores que combinan con verde
Complementario
#008000 #80007f
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#408000 #008000 #008040
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#008000 #000080 #800000
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre verde
Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste
Carta de tonos de verde
Haz clic derecho para guardar la carta, o copia los códigos de arriba.