javascript-color
Version:
Методы для работы с цветом и его компонентами
55 lines (46 loc) • 2.01 kB
Markdown
# javascript-color
[документация / wiki](/xaota/javascript-color/wiki)
## Установка
```bash
$ npm install javascript-color
```
### настройка в браузере
Настройте в вашем сервере резолв с `node_modules/javascript-color` в `/javascript-color`
```html
<script type="importmap">
{
"imports": {
"javascript-color": "/javascript-color/index.js"
}
}
</script>
```
## Использование
```javascript
import Color from 'javascript-color';
const color = Color.fromRGB(0, 0, 125)
.saturate(0.2)
.fade(-0.1);
console.log(color.cssHSLA); // -> 'hsla(240, 100%, 25%, 0.9)'
```
## Возможности
* Создаёт и возвращает цвета в различных цветовых моделях (`fromHSB, rgb` и т.д.)
* Информация о характеристиках цвета (каналы `rgba`, `saturation`, `hue`, `luma` и т.д.)
* Преобразования цвета (`saturate`, `lighten`, `spin`, `shade` и т.д.)
* Сложение, смешивание и наложение цветов (`mix`, `blending functions`...)
* Поддержка основных цветов CSS (в том числе создание цвета по названию CSS)
* Поддержка прозрачности и операций с ней (`transparent === rgba(0, 0, 0, 0)`)
* Сравнение и копирование цветов (`compare`, `copy`)
* Цвет как типимизированный массив для использования в графике (`int`, `float`)
### Дополнительно
Если вы используете vscode, можно настроить резолв для корректной работы самого редактора с помощью файла `jsconfig.json`
```json
{
"compilerOptions": {
"baseUrl": "../node_modules/",
"paths": {
"javascript-color/*": ["./javascript-color/library/*"]
}
}
}
```