UNPKG

javascript-color

Version:

Методы для работы с цветом и его компонентами

55 lines (46 loc) 2.01 kB
# 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/*"] } } } ```