Изменить яркость цвета на конкретное значение
Я пытаюсь изменить яркость определенного цвета на определенный процент.
Например:
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) );