{"id":29105255,"url":"https://github.com/xaota/javascript-color","last_synced_at":"2026-04-30T02:32:00.437Z","repository":{"id":47347235,"uuid":"139274157","full_name":"xaota/javascript-color","owner":"xaota","description":"методы для работы с цветом и его компонентами","archived":false,"fork":false,"pushed_at":"2022-10-21T13:53:39.000Z","size":261,"stargazers_count":1,"open_issues_count":8,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-25T09:14:58.505Z","etag":null,"topics":["blending","canvas","color","css","hacktoberfest","hex","hsb","hsl","hsv","light","luminance","math","rgb","saturate"],"latest_commit_sha":null,"homepage":"https://npmjs.com/package/javascript-color","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xaota.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"contributing.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":"xaota","patreon":"xaota","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":"https://www.tinkoff.ru/sl/sjCkGmZlSa"}},"created_at":"2018-06-30T19:22:10.000Z","updated_at":"2022-07-20T16:34:33.000Z","dependencies_parsed_at":"2022-08-29T03:01:39.889Z","dependency_job_id":null,"html_url":"https://github.com/xaota/javascript-color","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/xaota/javascript-color","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xaota%2Fjavascript-color","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xaota%2Fjavascript-color/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xaota%2Fjavascript-color/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xaota%2Fjavascript-color/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xaota","download_url":"https://codeload.github.com/xaota/javascript-color/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xaota%2Fjavascript-color/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262520920,"owners_count":23323787,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blending","canvas","color","css","hacktoberfest","hex","hsb","hsl","hsv","light","luminance","math","rgb","saturate"],"created_at":"2025-06-29T01:38:50.747Z","updated_at":"2026-04-30T02:31:55.417Z","avatar_url":"https://github.com/xaota.png","language":"JavaScript","funding_links":["https://github.com/sponsors/xaota","https://patreon.com/xaota","https://www.tinkoff.ru/sl/sjCkGmZlSa"],"categories":[],"sub_categories":[],"readme":"# javascript-color\n[документация / wiki](/xaota/javascript-color/wiki)\n\n## Установка\n```bash\n$ npm install javascript-color\n```\n\n### настройка в браузере\nНастройте в вашем сервере резолв с `node_modules/javascript-color` в `/javascript-color`\n\n```html\n\u003cscript type=\"importmap\"\u003e\n{\n  \"imports\": {\n    \"javascript-color\": \"/javascript-color/index.js\"\n  }\n}\n\u003c/script\u003e\n```\n\n## Использование\n```javascript\nimport Color from 'javascript-color';\n\nconst color = Color.fromRGB(0, 0, 125)\n  .saturate(0.2)\n  .fade(-0.1);\n\nconsole.log(color.cssHSLA); // -\u003e 'hsla(240, 100%, 25%, 0.9)'\n```\n\n## Возможности\n* Создаёт и возвращает цвета в различных цветовых моделях (`fromHSB, rgb` и т.д.)\n* Информация о характеристиках цвета (каналы `rgba`, `saturation`, `hue`, `luma` и т.д.)\n* Преобразования цвета (`saturate`, `lighten`, `spin`, `shade` и т.д.)\n* Сложение, смешивание и наложение цветов (`mix`, `blending functions`...)\n* Поддержка основных цветов CSS (в том числе создание цвета по названию CSS)\n* Поддержка прозрачности и операций с ней (`transparent === rgba(0, 0, 0, 0)`)\n* Сравнение и копирование цветов (`compare`, `copy`)\n* Цвет как типимизированный массив для использования в графике (`int`, `float`)\n\n### Дополнительно\nЕсли вы используете vscode, можно настроить резолв для корректной работы самого редактора с помощью файла `jsconfig.json`\n```json\n{\n  \"compilerOptions\": {\n    \"baseUrl\": \"../node_modules/\",\n    \"paths\": {\n      \"javascript-color/*\": [\"./javascript-color/library/*\"]\n    }\n  }\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxaota%2Fjavascript-color","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxaota%2Fjavascript-color","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxaota%2Fjavascript-color/lists"}