HSL a HSV

Comparar HSL con HSV

HSL significa tono, saturación y luminosidad. Los valores de color HSLA son una extensión de HSL con un canal alfa (opacidad). En HTML, el color se puede especificar usando tono, saturación y luminosidad (HSL) en la forma: hsl (matiz, saturación, luminosidad). El tono es el grado en la rueda de colores de 0 a 360,0 es rojo, 120 es verde, 240 es azul. La saturación es un porcentaje, el 0% es un tono de gris y el 100% es un color completo. La luminosidad también es un porcentaje, el 0% es negro y el 100% es blanco. HSL: un modelo que describe el valor del color en tres coordenadas: tono, saturación, luminosidad; el nombre proviene de la abreviatura de palabras en inglés: matiz, saturación, luminosidad. La principal ventaja de este modelo de color sobre otros es que es más intuitivo: primero, se seleccionan los colores deseados y luego se ajustan, es más fácil crear sus propias paletas en él, primero elegir un tono, aclararlo / oscurecerlo, reducir saturación. Hsl tiene soporte para el estándar CSS3, si es necesario, se puede convertir fácilmente y sin pérdidas a RGB.

HSV (o HSB) significa Tono, Saturación, Valor (también se puede llamar Brillo), donde: Tono - tono, es decir, tono de color. Saturación - saturación. Cuanto mayor sea este parámetro, más claro será el color y cuanto más bajo, más cercano al gris. Valor (brillo): el valor (brillo) del color. Cuanto mayor sea el valor, más brillante será el color (pero no más blanco). Y cuanto más bajo, más oscuro (0% - negro). Este modelo se usa con mayor frecuencia en el procesamiento de imágenes simple (o no profesional), porque es conveniente usarlo para ajustar los parámetros básicos de las fotos sin recurrir a un montón de filtros diferentes o configuraciones individuales. Por ejemplo, en el Photoshop favorito (o maldito) de todos, ambos modelos están presentes, solo uno de ellos está en el editor de selección de color y el otro está en la ventana de configuración de Tono / Saturación.