Tonos de Verde: Códigos Hex, RGB y HSL

¿Qué cuenta como un tono de verde?

El verde cubre más espectro visible que ninguna otra familia y, con 24 tonos, esta es la lista más larga del sitio. Va de PaleGreen #98FB98 y LightGreen #90EE90 en la cima, pasa por el centro eléctrico — Chartreuse #7FFF00, Lima #00FF00, SpringGreen #00FF7F —, entra en los tonos joya Esmeralda #50C878 y Jade #00A36C, y sale por abajo vía ForestGreen #228B22, Verde Cazador #355E3B y DarkGreen #006400.

La familia se divide sobre todo por el vecino al que se apoya. Los verdes amarillentos como GreenYellow #ADFF2F, YellowGreen #9ACD32 y OliveDrab #6B8E23 resultan orgánicos y algo ácidos; los verdes azulados como MediumSeaGreen #3CB371 y el Jade resultan fríos y clínicos. Salvia #9CAF88 y Verde Militar #454B1B quedan aparte de ambos: son verdes a los que se ha quitado casi toda la saturación, y justo por eso se leen como sofisticados en lugar de estridentes.

Cómo usar estos códigos de color

1. Busca tu tono. La lista va de claro a oscuro, con una muestra real junto a cada nombre — recórrela como si fuera una carta de pinturas.
2. Haz clic en un código para copiarlo. Cada fila trae el valor hex, RGB y HSL de ese color. Un clic copia ese texto exacto a tu portapapeles.
3. Pégalo en tu proyecto. Lleva el hex a CSS, Figma, Photoshop o un documento. Al hacer clic en la muestra también se copia el hex, así no tienes que apuntar al texto pequeño.

Qué comunica el verde

El verde es el color del permiso. Los semáforos en marcha, los estados de éxito y las marcas de confirmación son verdes en casi todas las convenciones de interfaz, y la asociación es tan fuerte que un mensaje de error en verde se lee como una contradicción.

Su segundo significado es el crecimiento en los dos sentidos, botánico y financiero. Salvia y Helecho #4F7942 llevan el registro natural, sostenible y sereno en el que viven las marcas de bienestar y productos ecológicos, mientras que el Esmeralda y el ForestGreen más profundos señalan dinero, estabilidad y solidez. Además es el matiz más descansado para el ojo, situado en el centro del espectro donde enfoca con menos esfuerzo, y por eso aguanta superficies grandes que otros colores saturados no soportarían.

Limitaciones honestas

Un código hex es exacto, pero el color que ves no lo es. El mismo #FF0000 se ve distinto en un móvil OLED, en un monitor de oficina barato y en papel impreso, porque cada dispositivo tiene su propia gama y calibración. Usa estos valores como un punto de partida preciso para pantalla, y revisa siempre una prueba física antes de mandar un color a imprenta: CMYK no puede reproducir todos los tonos de esta lista.

Los nombres de color mezclan dos cosas. Los marcados con CSS son colores con nombre oficiales: el nombre funciona tal cual en una hoja de estilos y todos los navegadores lo resuelven exactamente a ese hex. El resto son nombres convencionales — Burdeos, Salvia, Espresso — que no pertenecen a ningún estándar. Sus valores siguen la convención más citada, pero otra carta puede colocarlos un poco más claros u oscuros, así que cita el hex y no el nombre cuando el valor exacto importe.

¿Por qué es gratis?

FreeToGenerate.com mantiene todas sus herramientas realmente gratis. Esta página es una lista estática de valores de color que se muestra en tu navegador: nada que instalar, sin cuenta y sin versión premium que esconda la mitad de la paleta. Copia todos los códigos que necesites, las veces que quieras.

Otras familias de color

rojonaranjaamarillocianazulmoradorosamarróngrisnegroblancoTodas las familias