{"id":13549332,"url":"https://github.com/edelstone/material-palette-generator","last_synced_at":"2025-03-17T23:51:47.534Z","repository":{"id":64047292,"uuid":"164904992","full_name":"edelstone/material-palette-generator","owner":"edelstone","description":"🎨 Get perfect Material Design palettes from any hex color.","archived":false,"fork":false,"pushed_at":"2024-10-03T13:30:27.000Z","size":10475,"stargazers_count":212,"open_issues_count":3,"forks_count":24,"subscribers_count":9,"default_branch":"main","last_synced_at":"2025-01-24T08:43:32.537Z","etag":null,"topics":["color-generator","color-palette","color-scheme","color-theory","colors","design-system","google","material-design","shades","tints","web-application"],"latest_commit_sha":null,"homepage":"https://materialpalettes.com","language":"HTML","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/edelstone.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":["https://buymeacoffee.com/edelstone","https://venmo.com/michaeledelstone","https://cash.app/$edelstone","https://paypal.me/edelstone"]}},"created_at":"2019-01-09T17:09:32.000Z","updated_at":"2025-01-24T00:02:08.000Z","dependencies_parsed_at":"2023-01-24T14:01:00.216Z","dependency_job_id":"2f3780cb-8b93-4c03-b71c-89c3bcbb8272","html_url":"https://github.com/edelstone/material-palette-generator","commit_stats":{"total_commits":132,"total_committers":3,"mean_commits":44.0,"dds":"0.022727272727272707","last_synced_commit":"d45e2ffc19d915b5e64cde5b84318c4543213b80"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edelstone%2Fmaterial-palette-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edelstone%2Fmaterial-palette-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edelstone%2Fmaterial-palette-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edelstone%2Fmaterial-palette-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/edelstone","download_url":"https://codeload.github.com/edelstone/material-palette-generator/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244130281,"owners_count":20402753,"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-generator","color-palette","color-scheme","color-theory","colors","design-system","google","material-design","shades","tints","web-application"],"created_at":"2024-08-01T12:01:20.764Z","updated_at":"2025-03-17T23:51:47.509Z","avatar_url":"https://github.com/edelstone.png","language":"HTML","funding_links":["https://buymeacoffee.com/edelstone","https://venmo.com/michaeledelstone","https://cash.app/$edelstone","https://paypal.me/edelstone","https://www.buymeacoffee.com/edelstone","https://www.paypal.me/edelstone"],"categories":["HTML"],"sub_categories":[],"readme":"# [\u003cimg src=\"icon.svg\" width=\"28px\" /\u003e](https://materialpalettes.com) \u0026nbsp;[Material Design Palette Generator](https://materialpalettes.com)\n\n[\u003cimg src=\"images/browser-shot-1.png\" /\u003e](https://materialpalettes.com)\n[\u003cimg src=\"images/browser-shot-2.png\" /\u003e](https://materialpalettes.com)\n\n## What is this?\n\nThis is a (slightly modified) clone of the [official Material Design palette generator](https://material.io/design/color/the-color-system.html#tools-for-picking-colors). It does a few things:\n\n1. Builds you a full color palette from a given hex color\n1. Provides you with complementary colors based off your primary color\n1. Allows you to export the palettes as JSON or CSS variables\n\nBoth are based on Material Design standards, and use Google's algorithm for color derivation.\n\n## Why is this?\n\nGoogle's official palette generator [is embedded and buried deep within the Material docs](https://material.io/design/color/the-color-system.html#tools-for-picking-colors). Since it's an inline tool, it's also hidden from search engines, making it difficult to discover or bookmark.\n\nTo make it a little easier to access and to preserve it for my own future use, I grabbed the obfuscated code (the original scripts do not appear to be public anywhere) and added some small interface improvements. I did _not_ change the way colors are derived.\n\n## Plugins\n\n- **Sketch:** After creating palettes and exporting the JSON data, Sketch users can create shared layer styles easily with the [Sketch JSON Color Palette Importer](https://github.com/ziyafenn/sketch-json-color-palette-importer) plugin.\n- **VS Code:** Visual Studio Code users can take advantage of the [Material Design Palette Generator plugin](https://marketplace.visualstudio.com/items?itemName=piyush-bhatt.vscode-mat-palette), inspired by and based on this project.\n\n## Support this project\nThis tool will always be free but your support is greatly appreciated.\n\n- [Buy Me a Coffee](https://www.buymeacoffee.com/edelstone)\n- [Venmo](https://venmo.com/michaeledelstone)\n- [Cash App](https://cash.app/$edelstone)\n- [Paypal](https://www.paypal.me/edelstone)\n\n## Feedback and contributing\nIf you notice a problem or want a feature added please [file an issue on GitHub](https://github.com/edelstone/material-palette-generator/issues/new). You can also just [email me](mailto:contact@materialpalettes.com) the details.\n\nIf you're a developer and want to help with the project, please comment on [open issues](https://github.com/edelstone/material-palette-generator/issues) or create a new one. Once we agree on a path forward you can just make a pull request and take it to the finish line.\n\n## Credits\n\n- Hi, I'm [Michael Edelstone](https://michaeledelstone.com). You might also be interested in the [Tint \u0026 Shade Generator](https://maketintsandshades.com), another useful color tool I made.\n- Most of this is copyright Google Inc. If you do anything with their code, please maintain the licenses they indicate at the top of the large files.\n- You can use any of my modifications without credit, except...\n- Favicon image courtesy of [Roundicons](https://roundicons.com/) and pulled from [flaticon.com](https://flaticon.com). If you reuse it, please continue to credit the creator.\n\nMany thanks to [Ziya Fenn](https://github.com/ziyafenn) and [Mateusz Skórka](https://github.com/HotFr1dge) for their valuable contributions to this project.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedelstone%2Fmaterial-palette-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fedelstone%2Fmaterial-palette-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedelstone%2Fmaterial-palette-generator/lists"}