{"id":26686898,"url":"https://github.com/dokozero/okcolor","last_synced_at":"2025-06-30T19:32:23.061Z","repository":{"id":172951676,"uuid":"565502715","full_name":"dokozero/okcolor","owner":"dokozero","description":"Figma plugin for advanced color picking, with OkLCH, APCA, WCAG and more.","archived":false,"fork":false,"pushed_at":"2025-06-15T13:44:09.000Z","size":6605,"stargazers_count":64,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-06-20T19:58:07.624Z","etag":null,"topics":["color","color-palette","color-picker","contrast","figma","hsb","hsl","okhsl","okhsv","oklab","oklch"],"latest_commit_sha":null,"homepage":"https://www.figma.com/community/plugin/1173638098109123591/OkColor","language":"TypeScript","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/dokozero.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.txt","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},"funding":{"github":"dokozero"}},"created_at":"2022-11-13T16:04:46.000Z","updated_at":"2025-06-04T14:26:33.000Z","dependencies_parsed_at":"2023-11-11T21:19:55.118Z","dependency_job_id":"4199a712-fd58-490a-8aac-e6d2b39a4b50","html_url":"https://github.com/dokozero/okcolor","commit_stats":null,"previous_names":["dokozero/okcolor"],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/dokozero/okcolor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dokozero%2Fokcolor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dokozero%2Fokcolor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dokozero%2Fokcolor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dokozero%2Fokcolor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dokozero","download_url":"https://codeload.github.com/dokozero/okcolor/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dokozero%2Fokcolor/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261026155,"owners_count":23099103,"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","color-palette","color-picker","contrast","figma","hsb","hsl","okhsl","okhsv","oklab","oklch"],"created_at":"2025-03-26T12:15:09.778Z","updated_at":"2025-06-30T19:32:23.031Z","avatar_url":"https://github.com/dokozero.png","language":"TypeScript","funding_links":["https://github.com/sponsors/dokozero"],"categories":[],"sub_categories":[],"readme":"![Easier color palettes and accessibility](https://ik.imagekit.io/cgavlsdta/tr:cp-true/okcolor/covert-art.webp?updatedAt=1745861931799)\n\n# OkColor\n\nThis is a plugin for Figma, [see its community page](https://www.figma.com/community/plugin/1173638098109123591/OkColor).\n\nCheck https://github.com/users/dokozero/projects/1 for the roadmap.\n\n–\n\nPicking color and creating balanced color palettes with Figma is not an easy task, HSL and HSB are not perceptually uniform, HSL's lightness is relative to the current hue, so for each of them, the real perceived 50% lightness is not at L 50.\n\nSame problem with hue, if we make a palette from hue 0 to 70 with the same incremental value, we'll get a palette that is not perceptually progressive, some hue changes will seem bigger than others.\n\nWe also have a problem known as the “Abney effect”, mainly in the blue hues. If we take the hue 240, it shifts from blue to purple when we update the lightness.\n\nOkColor solves all these problems and more, its params are reliable and uniform, you know what you'll get.\n\nIf we change a color hue in OkLCH and keep the same lightness value, we know that the resulting color will have the same perceived lightness.\n\nYou can also easily create perceptually uniform color palettes, pick colors in P3 gamut, use the relative chroma ([see this thread for more infos](https://twitter.com/dokozero/status/1711379022553272371)) and more.\n\nFor more details, you can check [plugin community's page](https://www.figma.com/community/plugin/1173638098109123591/OkColor).\n\n## Credits\n\nThis plugin is made possible by the [Culori JS library](https://culorijs.org/) and the creator of these color models: [Björn Ottosson](https://bottosson.github.io/).\n\nThe rendering of the color picker is done by [freydev](https://github.com/freydev) using WebGL shaders.\n\nThe APCA contrast feature is made possible by the work of [Myndex](https://www.myndex.com/APCA/) .\n\nTo know more about these uniform color spaces, you can check the original article from Björn Ottosson: [Oksvh and Okhsl](https://bottosson.github.io/posts/colorpicker/) and the one from oklch.com's creators: [OKLCH in CSS: why we moved from RGB and HSL](https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdokozero%2Fokcolor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdokozero%2Fokcolor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdokozero%2Fokcolor/lists"}