{"id":21585361,"url":"https://github.com/mkaczmarski07/colorsense","last_synced_at":"2026-05-20T19:10:10.658Z","repository":{"id":181639814,"uuid":"648114422","full_name":"MKaczmarski07/Colorsense","owner":"MKaczmarski07","description":"Modern tool to create and test color palettes for websites.","archived":false,"fork":false,"pushed_at":"2023-11-10T09:55:37.000Z","size":1674,"stargazers_count":1,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-24T15:33:36.383Z","etag":null,"topics":["angular","chromajs","color-blindness","color-palette-generator","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MKaczmarski07.png","metadata":{"files":{"readme":"README.md","changelog":null,"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}},"created_at":"2023-06-01T08:36:25.000Z","updated_at":"2024-05-23T12:50:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"205d4b2d-a529-4c7c-b113-e3f85b80311c","html_url":"https://github.com/MKaczmarski07/Colorsense","commit_stats":null,"previous_names":["mkaczmarski07/colorsense"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MKaczmarski07%2FColorsense","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MKaczmarski07%2FColorsense/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MKaczmarski07%2FColorsense/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MKaczmarski07%2FColorsense/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MKaczmarski07","download_url":"https://codeload.github.com/MKaczmarski07/Colorsense/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244189828,"owners_count":20412991,"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":["angular","chromajs","color-blindness","color-palette-generator","typescript"],"created_at":"2024-11-24T15:10:06.563Z","updated_at":"2026-05-20T19:10:10.653Z","avatar_url":"https://github.com/MKaczmarski07.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# About The Project\n\nThe following project is a subset of web design tools, allowing for creating color palettes adapted to websites and accessible to people with disabilities. The generated palettes can be tested against Web Content Accessibility Guidelines (WCAG), to ensure compability with the international design standards for the Internet.\n\n## Application Features\n🔷 Color palette generator ( currently with 4 variants - Complementary, Monochromatic, Light and Dark ) \u003c/br\u003e\n🔷 A grid of customizable UI elements \u003c/br\u003e\n🔷 Simulating color blindness\u003cbr\u003e\n🔷 Testing contrast of the selected palette according to WCAG guidelines\u003c/br\u003e\n🔷 Editing any color in the color palette using a prepared set of shades or manually/br\u003e\n\n### Used Technologies\n[![My Skills](https://skillicons.dev/icons?i=angular,typescript,html,sass,tailwind)](https://skillicons.dev)\n\n### Additional Libraries\n- [Chroma.js 🔗](https://gka.github.io/chroma.js/)\u003cbr\u003e\n- [Ngx-colors 🔗](https://ngx-colors.web.app/overview)\u003cbr\u003e\n- [color-blind library 🔗](https://github.com/skratchdot/color-blind)\u003cbr\u003e\n\n## Live Demo \n[colorsense.kaczmarski.dev](https://colorsense.kaczmarski.dev)\n\n## User Interface\n#### Displaying palette on real UI\n\u003cimg width=\"1918\" height=\"886\" alt=\"Mockup1\" src=\"https://github.com/user-attachments/assets/f6e46240-381c-4298-b3f5-4665a904654a\" /\u003e\n\n#### Simulating color blindness\n\u003cimg width=\"1918\" height=\"881\" alt=\"Mockup2\" src=\"https://github.com/user-attachments/assets/dd5e7f29-762b-495f-a681-f6fb5e2ecc11\" /\u003e\n\n#### Checking contrast according to WCAG\n\u003cimg width=\"1917\" height=\"903\" alt=\"Contrast\" src=\"https://github.com/user-attachments/assets/8c3a41f8-5b83-470b-b356-120f7839c84f\" /\u003e\n\n## Installation Guide ⚙️\n\nHere's a step-by-step guide to help you get started with the project.\n\n### Prerequisites\n\nBefore you begin, make sure you have the following installed on your machine:\n\n- Node.js (version 14.0 or later)\n- npm package manager (version 6.0 or later)\n\n### Installation\n\nLet's start with installing all dependencies. Move to the app main workspace and run:\n\n    npm i\n\nTo create a localhost port you should type:\n\n    ng serve\n\nYour application is ready at port 4200.\n\n    http://localhost:4200/\n\n## License and Copyrights 📜\n\n- The application is publicly available under the GNU General Public License.\n- The project is educational and is not used for any commercial purposes.\n- The main algorithm of Color Blindness Simulation used in color-blind library was originally made by Matthew Wickline \u0026 the Human-Computer Interaction Resource Network and is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmkaczmarski07%2Fcolorsense","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmkaczmarski07%2Fcolorsense","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmkaczmarski07%2Fcolorsense/lists"}