This repository has been archived by the owner on Dec 10, 2024. It is now read-only.

HSL not matching RGB or Hex values #58

Answered by lukasoppermann

lagudelo02 asked this question in Q&A

lagudelo02
Nov 24, 2022

Hi there!
I wanted to use Primer Prism to generate a full palette based on some existing colors, but when I enter the HSL values, the color I obtain in Primer Prism is very different from the one I see in Figma. What I noticed is that the RGB and the HEX values don't match with the ones from Figma based on the same HSL values. Am I doing something wrong or is there an issue with how the values are converted? I'm attaching a screenshot for reference.

Answered by lukasoppermann

Hey @lagudelo02 ,

its a bit late, but maybe I can help.

In Figma you are using HSL but prism is using HSLuv. You can use an HSLuv plugin in Figma to get a more realistic representation of the values.

HSLuv is a different color space so it has some differences.

View full answer

Replies: 1 comment 2 replies

lesliecdubs
Dec 1, 2022
Maintainer

Hello @lagudelo02!

@colebemis can you weigh in on this when you have a moment?

2 replies

lukasoppermann May 10, 2023
Collaborator

Hey @lagudelo02 ,

its a bit late, but maybe I can help.

In Figma you are using HSL but prism is using HSLuv. You can use an HSLuv plugin in Figma to get a more realistic representation of the values.

HSLuv is a different color space so it has some differences.

Answer selected by colebemis

lagudelo02 May 11, 2023
Author

Hey @lukasoppermann, thanks for getting back to me and for clarifying!
Will check for some plugins in Figma.
Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment