{"id":22984374,"url":"https://github.com/khalby786/chromakey","last_synced_at":"2025-06-10T14:11:23.678Z","repository":{"id":267912662,"uuid":"900924018","full_name":"khalby786/chromakey","owner":"khalby786","description":"Figma plugin to replace a color in images or make it transparent!","archived":false,"fork":false,"pushed_at":"2024-12-13T07:00:15.000Z","size":4363,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-02T10:44:45.930Z","etag":null,"topics":["design","figma","figma-plugin","image-processing"],"latest_commit_sha":null,"homepage":"https://chromakey.khaleelgibran.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/khalby786.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-09T18:08:49.000Z","updated_at":"2024-12-26T15:33:32.000Z","dependencies_parsed_at":"2024-12-13T08:17:36.753Z","dependency_job_id":"5bc476c5-27d3-4ec9-b944-9ce75460c5ed","html_url":"https://github.com/khalby786/chromakey","commit_stats":null,"previous_names":["khalby786/chromakey"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khalby786%2Fchromakey","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khalby786%2Fchromakey/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khalby786%2Fchromakey/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khalby786%2Fchromakey/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/khalby786","download_url":"https://codeload.github.com/khalby786/chromakey/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khalby786%2Fchromakey/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259089663,"owners_count":22803671,"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":["design","figma","figma-plugin","image-processing"],"created_at":"2024-12-15T03:15:49.454Z","updated_at":"2025-06-10T14:11:23.633Z","avatar_url":"https://github.com/khalby786.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Chroma Key](/media/chromakey-cover.png)\n![Chroma Key Banner](/media/chromakey-cover-2.png)\n\n\n# Chroma Key\n\n[![Figma Plugin Link](https://img.shields.io/badge/figma-Chroma%20Key-yellow?cacheSeconds=1800)](https://www.figma.com/community/plugin/1447571557105401360/chroma-key)\n\nReplace a color in your image or make it transparent — it's that easy!\n\nBackground removal can often complicate things when all you need is to remove a simple color background, and Photoshop takes too long to load. That's where this plugin comes in!\n\n\nI made this because I couldn't find anything to do something that simple and I wanted to help others in a similar boat.\n\n\nThis couldn't have been possible without the open-source packages [replace-color](https://github.com/turakvlad/replace-color) and [JIMP](https://jimp-dev.github.io/jimp/).\n\n\n— Khaleel (updates on [Mastodon](https://social.dino.icu/@thepixelatedonut))\n\n## how\n\nUses the [replace-color](https://github.com/turakvlad/replace-color) package to do the magic because I am not smart enough to implement my own algorithm. BUT IT WASNT SO STRAIGHT FORWARD BECAUSE I WENT THROUGH A LOT OMG IM NEVER DOING THIS AGAIN - full details on my blog soon!\n\nApart from directly substituting colors pixel-by-pixel, the replace-color package also uses a JND algorithm to make the color replacement more accurate and less noticeable - that means substituting colors that are similar to the target color. The plugin uses the [Delta E value](http://zschuessler.github.io/DeltaE/learn/) for the JND E 2000 algorithm, which is seemingly the best science has to offer.\n\nMaking a Figma plugin is like forming a contract with the devil. There's only a lot of things you can do in such a sandboxed environment, one that lies in the grayness of Node.js and the browser. I had to make a lot of compromises to make this work, but I'm happy with the result. Apparently, there are a lot of third-party tools to improve the DX, but those were overkill. Imagine having to add React to a Figma plugin. I'm not doing that.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhalby786%2Fchromakey","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkhalby786%2Fchromakey","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhalby786%2Fchromakey/lists"}