Изменить яркость цвета на конкретное значение

Я пытаюсь изменить яркость определенного цвета на определенный процент.

Например:

myFunction( hsl(218, 100%, 63%), 80% );

получится hsl(218, 100%, 63%) в hsl(218, 100%, 80%),

Я не смог найти ни одной цветовой операции, которая бы это делала; как tint() изменяет насыщенность тоже, и lighten() относительно текущей яркости (добавляет к текущему значению).

Есть ли способ добиться этого с помощью LESS?

Спасибо!

1 ответ

Решение

Ну, я нашел обходной путь:

background-color: lighten( @color, 80% - lightness(@color) );

80% представляет желаемое значение яркости.

Это также должно работать с оттенком и насыщенностью:

// Hue:
background-color: spin( @color, 100 - hue(@color) ); // (100 degrees).

// Saturation:
background-color: saturate( @color, 80% - saturation(@color) );
Другие вопросы по тегам