HSL es una abreviatura de color, saturación y claridad. Es un modelo de color utilizado para describir colores de una forma que es más fácil de interpretar por humanos que el modelo de color RGB. Los colores HSL se describen con tres valores, en el siguiente orden: <em>color</em> – un número que representa el ángulo en el círculo de color (se trata de un arcoiris de color dibujado en un círculo). Esto es en lo que típicamente pensamos cuando pensamos en un color. <em>saturación</em> – como de puro es el color. Un color puro es aquel que tiene un 100% de saturación, mientras que los grises no tienen saturación. <em>claridad</em> – como de claro u oscuro es el color. El blanco tiene 100% de claridad, mientras que el negro tiene el 0% de claridad. Para elegir un color utilizando HSL, primero se elige el color que queremos usar. El rojo es 0 o 360º, el verde es 120º y el azul es 240º. Entonces decidimos cuanta saturación y claridad le queremos dar. El beneficio de los colores HSL es que son mucho más fáciles de imaginar. Tú simplemente empiezas con un color del círculo y entonces le ajustas la saturación y claridad hasta obtener el que quieras.
