primer / prism

A tool for creating and maintaining cohesive, consistent, and accessible color palettes
https://primer.style/prism/
MIT License
667 stars 39 forks source link

Color not looking as expected #29

Closed mauri-peya closed 2 years ago

mauri-peya commented 2 years ago

When using HSL values from my colors in Figma inside Primer Prism, the resulting color is not what is supossed to be, am I missing something?

Captura de Pantalla 2022-06-17 a la(s) 21 05 56 Captura de Pantalla 2022-06-17 a la(s) 21 06 08
colebemis commented 2 years ago

👋 Hi, @mauri-peya. Primer Prism uses the HSLuv which is slightly different than the color space that Figma uses. Here's a more detailed explanation: https://www.hsluv.org/comparison/

You can use the HSLuv website to convert a hex color from Figma to the HSLuv color space:

CleanShot 2022-06-18 at 19 03 40

mauri-peya commented 2 years ago

Oh! Didn't know about that, thanks for the clarification!