{"id":17247581,"url":"https://github.com/joshdata/color-scales","last_synced_at":"2026-01-06T14:04:35.562Z","repository":{"id":66126347,"uuid":"116741678","full_name":"JoshData/color-scales","owner":"JoshData","description":"Color Scale Generator Using a Perceptually Valid Color Space","archived":false,"fork":false,"pushed_at":"2018-01-23T22:28:07.000Z","size":33,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"gh-pages","last_synced_at":"2025-01-31T07:16:44.362Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://joshdata.github.io/color-scales/","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/JoshData.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2018-01-08T23:48:00.000Z","updated_at":"2023-09-07T08:44:27.000Z","dependencies_parsed_at":"2024-05-20T14:32:50.207Z","dependency_job_id":null,"html_url":"https://github.com/JoshData/color-scales","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/JoshData%2Fcolor-scales","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoshData%2Fcolor-scales/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoshData%2Fcolor-scales/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoshData%2Fcolor-scales/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JoshData","download_url":"https://codeload.github.com/JoshData/color-scales/tar.gz/refs/heads/gh-pages","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245598294,"owners_count":20641882,"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":[],"created_at":"2024-10-15T06:38:22.723Z","updated_at":"2026-01-06T14:04:30.528Z","avatar_url":"https://github.com/JoshData.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"Color Scale Generator Using a Perceptually Valid Color Space\n============================================================\n\nhttps://joshdata.github.io/color-scales/\n\nThere are lots of color scale generators on the web. This one generates scales for continuous variables based on human color perception so that neighboring colors have equal separation in both hue and lightness. Lightness steps are important because not everyone can discriminate hues the same way.\n\nYou’re probably familiar with RGB — the triple of red-green-blue color components that represents colors shown on computer monitors. Unfortunately math in “RGB space” isn’s perceptually valid. Dividing the green component in half doesn’t make a color half as green. Adding 50 to all of components makes the color brighter by uneven amounts depending on which color you start with. That’s because the sensitivity of human color perception is uneven across the gamut of colors we can see, and the definition of RGB used by computer monitors doesn’t follow human perceptual sensitivity.\n\nColor professionals have come up with alternative measurement systems for colors so that taking consistent arithmetic steps has a perceptually consistent effect. One such system replaces RGB with [CIE 1976 L*, u*, v* (CIE LUV) color space](https://en.wikipedia.org/wiki/CIELUV), and RGB’s cylindrical equivalent HSL with [CIELCH](https://en.wikipedia.org/wiki/CIELUV#Cylindrical_representation_(CIELCH)). This page uses CIELCH to interpolate colors evenly across their lightness (L), chroma (C, similar to saturation), and hue (H).\n\nColor math is performed with [d3-color](https://github.com/d3/d3-color). Some of the suggested end colors are inspired by [Color Brewer](http://colorbrewer2.org/)’s end colors.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoshdata%2Fcolor-scales","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoshdata%2Fcolor-scales","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoshdata%2Fcolor-scales/lists"}