{"id":30896768,"url":"https://github.com/dev-murphy/pixel-palette","last_synced_at":"2026-01-20T16:53:34.699Z","repository":{"id":313114472,"uuid":"1049356679","full_name":"dev-murphy/pixel-palette","owner":"dev-murphy","description":"A modern, customizable color picker component for Vue 3.","archived":false,"fork":false,"pushed_at":"2025-09-04T00:28:29.000Z","size":86,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-04T02:24:57.747Z","etag":null,"topics":["color-picker","vue3-typescript"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dev-murphy.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-02T21:22:33.000Z","updated_at":"2025-09-04T00:28:21.000Z","dependencies_parsed_at":"2025-09-04T02:27:51.610Z","dependency_job_id":"50165bf6-7f2e-4a77-ad79-78802a417767","html_url":"https://github.com/dev-murphy/pixel-palette","commit_stats":null,"previous_names":["dev-murphy/pixel-palette"],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/dev-murphy/pixel-palette","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-murphy%2Fpixel-palette","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-murphy%2Fpixel-palette/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-murphy%2Fpixel-palette/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-murphy%2Fpixel-palette/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dev-murphy","download_url":"https://codeload.github.com/dev-murphy/pixel-palette/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-murphy%2Fpixel-palette/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274231139,"owners_count":25245675,"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","status":"online","status_checked_at":"2025-09-08T02:00:09.813Z","response_time":121,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","vue3-typescript"],"created_at":"2025-09-08T23:45:11.589Z","updated_at":"2026-01-20T16:53:34.667Z","avatar_url":"https://github.com/dev-murphy.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pixel Palette\n\nA modern, customizable color picker component for Vue 3.\n\n## Features\n\n- 🎨 Interactive color space and hue slider\n- 🔢 Multiple color formats (HEX, RGB, HSL)\n- 🎯 EyeDropper API support (where available)\n- 🎲 Random color generator\n- 📋 Copy to clipboard with tooltip feedback\n- 🎛️ Alpha channel support\n- 📱 Responsive design\n\n## Installation\n\n```bash\nnpm install pixel-palette\n# or\npnpm add pixel-palette\n# or\nyarn add pixel-palette\n```\n\n## Usage\n\n### Basic Usage\n\n```vue\n\u003ctemplate\u003e\n  \u003cColorPicker @set-color=\"handleColorChange\" /\u003e\n\u003c/template\u003e\n\n\u003cscript setup\u003e\nimport { ColorPicker } from \"pixel-palette\";\nimport \"pixel-palette/style.css\";\n\nfunction handleColorChange(color) {\n  console.log(\"Selected color:\", color);\n}\n\u003c/script\u003e\n```\n\n### With Props\n\n```vue\n\u003ctemplate\u003e\n  \u003cColorPicker\n    title=\"Primary Color\"\n    :initial-color=\"'hsla(210, 100%, 50%, 0.8)'\"\n    color-mode=\"hex\"\n    :show-alpha=\"true\"\n    @set-color=\"updateColor\"\n  /\u003e\n\u003c/template\u003e\n\n\u003cscript setup\u003e\nimport { ColorPicker } from \"pixel-palette\";\nimport \"pixel-palette/style.css\";\n\nconst updateColor = (color) =\u003e {\n  // color will be in the current format (HEX, RGB, or HSL)\n  console.log(\"New color:\", color);\n};\n\u003c/script\u003e\n```\n\n## Props\n\n| Prop           | Type                    | Default               | Description                         |\n| -------------- | ----------------------- | --------------------- | ----------------------------------- |\n| `title`        | `string`                | -                     | Optional title displayed at the top |\n| `initialColor` | `string`                | `\"hsl(0, 100%, 50%)\"` | Initial color value                 |\n| `colorMode`    | `hex` or `rgb` or `hsl` | `hex`               | Initial color mode value            |\n| `showAlpha`    | `boolean`               | false                 | Option to show alpha channel        |\n\n## Events\n\n| Event       | Payload  | Description                |\n| ----------- | -------- | -------------------------- |\n| `set-color` | `string` | Emitted when color changes |\n\n## Browser Support\n\n- Modern browsers with Vue 3 support\n- EyeDropper API requires Chrome 95+ or Edge 95+\n- Requires secure context (HTTPS) for EyeDropper\n\n## License\n\n[MIT](/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-murphy%2Fpixel-palette","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdev-murphy%2Fpixel-palette","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-murphy%2Fpixel-palette/lists"}