Gama de colores verde
Código de color verde
Quiero que el usuario pueda seleccionar entre un rango de 1 a 100, donde a medida que los números son menores de 50, el color del área se vuelve más verde oscuro, y a medida que el color se acerca a 100, el color se vuelve más rojo.
Estás obteniendo el verde confuso debido a la forma en que estás creando tu gradiente en el espacio RBG. Para obtener un degradado más “limpio”, puedes utilizar el modelo HSV como se menciona en la respuesta de la pregunta que enlazaste.
Escalando el valor H (tono) entre 0 (rojo) y 120 (verde) obtendrás una transición limpia y agradable. Sin embargo, en el punto medio (60) terminará con un amarillo brillante en lugar del blanco deseado. Puedes solucionar esto modificando el valor S (saturación): con 0 de saturación, acabarás con el blanco (1 te da la saturación total del color).
Las áreas intermedias pueden no ser exactamente perfectas, simplemente porque el ojo interpreta las diferentes intensidades de color de manera diferente (somos mejores en algunos colores que en otros), pero debería acercarse bastante.
Color verde bosque
Las variedades del color verde pueden diferir en el matiz, el croma (también llamado saturación o intensidad) o la luminosidad (o valor, tono o brillo), o en dos o tres de estas cualidades. Las variaciones de valor también se denominan tintes y matices, siendo un tinte un tono verde u otro mezclado con blanco, y un matiz mezclado con negro. A continuación se muestra una amplia selección de estos diversos colores.
En un sentido de proximidad del color, un color primario tiene una gama de colores de 120° (60° a cada lado del tono del color) y cualquier color tiene que estar dentro de esa gama para ser considerado una variación de ese color. Los colores secundarios tienen una gama de colores de 60° (30°), los colores terciarios tienen una gama de colores de 30° (15°), los colores cuaternarios tienen una gama de colores de 15° (7,5°), los colores quinarios tienen una gama de colores de 7,5° (3,75°), etc. Dado que el verde está situado en un ángulo de matiz de 120°, tiene una gama de colores terciarios de 105° y 135°, y cualquier color fuera de esta gama está más relacionado con el chartreuse o el verde primavera que con el verde. Si el espectro visible se envuelve para formar una rueda de color, el verde aparece a medio camino entre el chartreuse y el verde primavera, o el cian y el amarillo:
Verde de primavera
Las variedades del color verde pueden diferir en el matiz, el croma (también llamado saturación o intensidad) o la luminosidad (o valor, tono o brillo), o en dos o tres de estas cualidades. Las variaciones de valor también se denominan tintes y matices, siendo un tinte un tono verde u otro mezclado con blanco, y un matiz mezclado con negro. A continuación se muestra una amplia selección de estos diversos colores.
En un sentido de proximidad del color, un color primario tiene una gama de colores de 120° (60° a cada lado del tono del color) y cualquier color tiene que estar dentro de esa gama para ser considerado una variación de ese color. Los colores secundarios tienen una gama de colores de 60° (30°), los colores terciarios tienen una gama de colores de 30° (15°), los colores cuaternarios tienen una gama de colores de 15° (7,5°), los colores quinarios tienen una gama de colores de 7,5° (3,75°), etc. Dado que el verde está situado en un ángulo de matiz de 120°, tiene una gama de colores terciarios de 105° y 135°, y cualquier color fuera de esta gama está más relacionado con el chartreuse o el verde primavera que con el verde. Si el espectro visible se envuelve para formar una rueda de color, el verde aparece a medio camino entre el chartreuse y el verde primavera, o el cian y el amarillo:
Paleta de colores de tonos verdes
20% rojo, 62% verde y 18% azul. Los códigos de color CMYK, utilizados en las impresoras, son C:68 M:0 Y:70 K:57. En la escala HSV/HSB, el Verde Natural tiene un matiz de 118°, una saturación del 70% y un valor de brillo del 44%. También se indican los colores Pantone® (PMS) y RAL más cercanos.
El verde natural es un color verde fuerte que representa el color más comúnmente encontrado en la naturaleza. Puede aplicarse a las páginas web con la ayuda de HTML y/o CSS mediante sus códigos hexadecimales, RGB y/o HSL. Tenga en cuenta que los valores CMYK del verde natural mostrados en esta página se han calculado a partir del código hexadecimal utilizando fórmulas conocidas y son sólo aproximaciones.
El complemento del Verde Natural es la Medianoche con el código hexadecimal #6D216F. Los colores complementarios son los que se encuentran en los extremos opuestos de la rueda de color. Así, según el sistema RGB, el mejor contraste con el color #236F21 lo ofrece el #6D216F. La paleta de colores complementarios es la más fácil de usar y trabajar. Los estudios han demostrado que la paleta de colores contrastados es la mejor manera de captar la atención del espectador.
