​​Плагин Color Brightness Предистория Когда мне нужно было ра | Дизайнер учит JS 🤖

​​Плагин Color Brightness

Предистория
Когда мне нужно было разместить полупрозрачный текст или иконку на однородном фоне, обычно я использовал белый с прозрачностью. С текстом это прокатывало на ура, но с иконками видно, что выходит «грязно». Цвет не такой сочный, как хотелось бы. Решение простое, нужно брать цвет фона и делать его ярче. Но вручную это делать крайне муторно, особенно, если иконок много, а фоны разного цвета. Нужно подбирать яркость, чтобы все иконки выглядели одинаково.

Решено было написать плагин. Основные функции я написал за день, два дня упрощал код и добавил функцию выбора степени яркости вручную. Вся суть плагина в том, что я перевожу RGB цвет в HSL и меняю параметр L. В итоге мы получаем текущий цвет в нужной яркости.

Если у вас есть идеи как улучшить плагин или вы найдете касяки (а скорее всего вы их найдете), пишите, буду очень признателен.

Ссылка на плагин
https://github.com/andex/ColorBrightness