{"id":13517155,"url":"https://github.com/EastDesire/jscolor","last_synced_at":"2025-03-31T07:31:06.356Z","repository":{"id":1157079,"uuid":"1044221","full_name":"EastDesire/jscolor","owner":"EastDesire","description":"JavaScript color picker with opacity (alpha channel) and customizable palette. Single file of plain JS with no dependencies.","archived":false,"fork":false,"pushed_at":"2023-12-02T00:44:06.000Z","size":268,"stargazers_count":231,"open_issues_count":2,"forks_count":72,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-10-15T09:31:33.169Z","etag":null,"topics":["color-picker","hex","javascript","jscolor","opacity","palette","rgba","vanilla-javascript"],"latest_commit_sha":null,"homepage":"http://jscolor.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/EastDesire.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2010-11-02T09:36:01.000Z","updated_at":"2024-10-07T14:50:40.000Z","dependencies_parsed_at":"2023-12-02T01:27:38.092Z","dependency_job_id":"c2bc8d70-a81e-4d0a-a540-6c750a5e31cb","html_url":"https://github.com/EastDesire/jscolor","commit_stats":{"total_commits":323,"total_committers":4,"mean_commits":80.75,"dds":0.009287925696594423,"last_synced_commit":"f2c5966d67e2d693fa8ac9fd352ce09e16e21480"},"previous_names":[],"tags_count":32,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EastDesire%2Fjscolor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EastDesire%2Fjscolor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EastDesire%2Fjscolor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EastDesire%2Fjscolor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EastDesire","download_url":"https://codeload.github.com/EastDesire/jscolor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246307932,"owners_count":20756478,"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":["color-picker","hex","javascript","jscolor","opacity","palette","rgba","vanilla-javascript"],"created_at":"2024-08-01T05:01:30.509Z","updated_at":"2025-03-31T07:31:05.773Z","avatar_url":"https://github.com/EastDesire.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# jscolor - JavaScript Color picker with Opacity (alpha)\n\n**jscolor.js** is a web color picker with [opacity (alpha channel) and customizable palette](https://jscolor.com/examples/).\n\n- Single file of plain JS with **no dependencies**\n- Supports CSS colors such as **rgba()** and **hex**, including **#rrggbbaa** notation.\n- [Download](https://jscolor.com/release/latest.zip) includes minified **jscolor.min.js**\n- Mobile friendly\n\n\n\n## Installation in two lines\n\n```html\n\u003cscript src=\"jscolor.js\"\u003e\u003c/script\u003e\n\nColor: \u003cinput value=\"#3399FF80\" data-jscolor=\"{}\"\u003e\n```\n\n[Run example \u003e](https://jscolor.com/#installation)\n\n\n\n## Configuration \u0026 Custom palette (swatch)\n\n```html\n\u003cscript\u003e\n// These options apply to all color pickers on the page\njscolor.presets.default = {\n\twidth: 201,\n\theight: 81,\n\tposition: 'right',\n\tpreviewPosition: 'right',\n\tbackgroundColor: '#f3f3f3',\n\tborderColor: '#bbbbbb',\n\tcontrolBorderColor: '#bbbbbb',\n\tpalette: [\n\t\t'#000000', '#7d7d7d', '#870014', '#ec1c23', '#ff7e26',\n\t\t'#fef100', '#22b14b', '#00a1e7', '#3f47cc', '#a349a4',\n\t\t'#ffffff', '#c3c3c3', '#b87957', '#feaec9', '#ffc80d',\n\t\t'#eee3af', '#b5e61d', '#99d9ea', '#7092be', '#c8bfe7',\n\t],\n\tpaletteCols: 10,\n\thideOnPaletteClick: true,\n}\n\u003c/script\u003e\n```\n\n\n\n## Screenshot\n\n[\u003cimg src=\"https://jscolor.com/hosted/gui/jscolor-2.4.5.png\" alt=\"Screenshots of jscolor\"\u003e](https://jscolor.com/examples/)\n\n\n\n## Links\n\n- [Online Configurator tool](https://jscolor.com/configure/)\n- [Sandbox](https://jscolor.com/sandbox/)\n- [Examples](https://jscolor.com/examples/)\n- [Download](https://jscolor.com/download/) including minified **jscolor.min.js**\n\n\n\n## Features\n\n\n* **No framework needed** \\\n  jscolor.js is a completely self-sufficient JavaScript library consisting of only one file of vanilla JavaScript.\n  It doesn't need any frameworks (jQuery, Dojo, MooTools etc.) But it can certainly coexist alongside them.\n\n\n* **Cross-browser** \\\n  All modern browsers are supported, including:\n  Edge, Firefox, Chrome, Safari, Opera, Internet Explorer 10 and above, and others...\n\n\n* **Highly customizable** \\\n  jscolor provides many [configuration options](https://jscolor.com/docs/#doc-api-options). Whether you need to change color picker's size or colors, or attach a function to its onchange event, the configuration can be fine-tuned for your web project.\n\n\n* **Mobile friendly** \\\n  With a built-in support for touch events, jscolor is designed to be easy to use on touch devices such as tablets and smartphones.\n\n\n\n## License\n\n* [GNU GPL v3](http://www.gnu.org/licenses/gpl-3.0.txt) for open source use\n* [Commercial license](https://jscolor.com/download/#licenses) for commercial use\n\n\n\n## Website\n\nFor more info on jscolor project, see [jscolor website](https://jscolor.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FEastDesire%2Fjscolor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FEastDesire%2Fjscolor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FEastDesire%2Fjscolor/lists"}