{"id":20656768,"url":"https://github.com/bensouchet/color-blend","last_synced_at":"2026-03-19T16:58:06.644Z","repository":{"id":79782377,"uuid":"466222089","full_name":"BenSouchet/color-blend","owner":"BenSouchet","description":"Website to blend two colors and generate intermediates colors!","archived":false,"fork":false,"pushed_at":"2022-03-10T10:33:18.000Z","size":241,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-17T11:27:06.193Z","etag":null,"topics":["blending","color","color-palette","color-scheme","colors","hex","hsb","hsb-color-model","hsv","hsv-code","rgb","rgb-color"],"latest_commit_sha":null,"homepage":"https://bensouchet.github.io/color-blend/","language":null,"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/BenSouchet.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":"BenSouchet"}},"created_at":"2022-03-04T17:59:33.000Z","updated_at":"2023-11-20T20:54:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"2740a5f4-651a-4a61-a6c1-97852bcb19ae","html_url":"https://github.com/BenSouchet/color-blend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenSouchet%2Fcolor-blend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenSouchet%2Fcolor-blend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenSouchet%2Fcolor-blend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenSouchet%2Fcolor-blend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BenSouchet","download_url":"https://codeload.github.com/BenSouchet/color-blend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242762736,"owners_count":20181267,"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","color","color-palette","color-scheme","colors","hex","hsb","hsb-color-model","hsv","hsv-code","rgb","rgb-color"],"created_at":"2024-11-16T18:17:13.184Z","updated_at":"2026-02-09T05:38:54.200Z","avatar_url":"https://github.com/BenSouchet.png","language":null,"funding_links":["https://github.com/sponsors/BenSouchet"],"categories":[],"sub_categories":[],"readme":"# Color Blend\n\n\u003cp align=\"center\"\u003e\u003ca href=\"https://bensouchet.github.io/color-blend/\"\u003e\u003cimg width=\"675\" alt=\"cover_color_blend\" src=\"https://user-images.githubusercontent.com/17025808/156934471-d31078c7-06d3-4c50-b606-3b574452f236.png\"\u003e\u003c/a\u003e\u003c/p\u003e\n\nEnter two hex colors code and see the blending results obtained using different color models (**RGB**,  **HSB/HSV** \u0026 **HSL**).\n\nWebsite here \u003e\u003e https://bensouchet.github.io/color-blend/ \u003c\u003c\n\n## Source Code\n\nThe JavaScript `functions` used on the website can be found in [this file](https://github.com/BenSouchet/color-blend/blob/gh-pages/assets/js/main.js).\n\nIf you want, you can play with the JavaScript functions directly with you browser dev tools, the file isn't minified so it's easy to check and debug.\n\n**Disclaimer**: I know putting all the JS in one big file isn't top, but I haven't found the time yet to cut the file properly into small files (at least three: main one for DOM manipulations, one for color convertions \u0026 last one for blending functions).\n\nI also want in the future to remove the call to Google Fonts by putting the font directly into the `assets` folder. Less GAFAM tracking, less loading time.\n\n## Sponsor the project\n\nWant to help this project to get better, bigger, with more features ?  \nI have in mind adding **CMYK**, **Lab (CIELAB)**, **YPbPr** \u0026 **Xyz** but adding these color models or others features requires development time...\n\nThe solution? [Become a sponsor](https://github.com/sponsors/BenSouchet), so I can allocate time to work more on this project 🌟💫\n\n## Others Ressouces \u0026 Useful links\n - [colorizer.org](http://colorizer.org/), a website to interact with color components and see how color are represented according to multiple colr models. You also find related colors (complementary, triad, square, analogic, ...).\n - [Paletton.com](https://paletton.com/), create color palettes (schemes) easily by clicking on a color wheel to select yuor main color.\n\n## Author / Maintainer\n\nColor Blend has been created and is currently maintained by [Ben Souchet](https://github.com/BenSouchet).\n\n## Licenses\n\nThe code present in this repository is under [MIT license](https://github.com/BenSouchet/color-blend/blob/main/LICENSE).\n\nThe logo, icon and all image files in this repository are under [(CC BY-NC-ND 4.0)](https://creativecommons.org/licenses/by-nc-nd/4.0/), you cannot edit theses files, you cannot use them for commercial purposes \u0026 you must give appropriate credit *(© Color Blend, Ben Souchet)*.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbensouchet%2Fcolor-blend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbensouchet%2Fcolor-blend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbensouchet%2Fcolor-blend/lists"}