https://github.com/ryelle/wp-core-color-list

https://github.com/ryelle/wp-core-color-list

Last synced: 5 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/ryelle/wp-core-color-list
• Owner: ryelle
• Created: 2020-08-06T19:56:45.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-21T17:21:10.000Z (almost 4 years ago)
• Last Synced: 2024-10-27T16:37:25.166Z (about 2 months ago)
• Language: JavaScript
• Size: 403 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WordPress Color Matches

This project takes a list of color vales extracted from WordPress 5.5, and matches those colors against a given palette of brand colors. The distance between each color is measured, and the color is matched to the closest brand color. If a given color is too "far away" from any palette color, it's set aside, and all unmatched colors are shown at the end of the page.

[View the color matches here](https://inspiring-stonebraker-7fc5ed.netlify.app/)

## Technical details

This uses the `Lab` color space to calculate [color difference.](https://en.wikipedia.org/wiki/Color_difference#CIE76) I found this method (CIE76) worked better than distance in RGB, while still being simple enough to implement in JS.

For more information on the colors used, [check out the docs for colors.](src/colors)