Цветовая математика в JavaScript

#javascript #css #цвета

Используя Less можно делать операции над цветами, например darken("red",10%).

Есть ли в стандартном JavaScript функции для работы с цветом?

Если нету, то может быть есть легковесные библиотеки для этого, если есть, то какие?
    

Ответы

Ответ 1

В CSS есть свои собственные переменные, по сути их можно адаптировать и использовать
для этого.

Пример:



:root {
  --opacity: 1;
}

div {
  /*пример*/
  background: hsla( 16, 100%, 50%, calc(var(--opacity) *.9));
  /*другие стили*/
  width: 20%;
  margin: 10% auto;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 20px;
  border: 5px solid black;
}
Sample Text