https://github.com/xaota/javascript-color
методы для работы с цветом и его компонентами
https://github.com/xaota/javascript-color
blending canvas color css hacktoberfest hex hsb hsl hsv light luminance math rgb saturate
Last synced: about 1 month ago
JSON representation
методы для работы с цветом и его компонентами
- Host: GitHub
- URL: https://github.com/xaota/javascript-color
- Owner: xaota
- License: unlicense
- Created: 2018-06-30T19:22:10.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2022-10-21T13:53:39.000Z (over 3 years ago)
- Last Synced: 2025-06-25T09:14:58.505Z (12 months ago)
- Topics: blending, canvas, color, css, hacktoberfest, hex, hsb, hsl, hsv, light, luminance, math, rgb, saturate
- Language: JavaScript
- Homepage: https://npmjs.com/package/javascript-color
- Size: 255 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: readme.md
- Contributing: contributing.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# javascript-color
[документация / wiki](/xaota/javascript-color/wiki)
## Установка
```bash
$ npm install javascript-color
```
### настройка в браузере
Настройте в вашем сервере резолв с `node_modules/javascript-color` в `/javascript-color`
```html
{
"imports": {
"javascript-color": "/javascript-color/index.js"
}
}
```
## Использование
```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/*"]
}
}
}
```