Describe the bug
While using the color Modify (Operation: mix) and mixing a transparent color into a solid color, the plugin displays the incorrect color output compared to what is produced after using sd-transform. The preview value in Token Studio does not match the output once our CSS tokens are built. Additionally, the exported hex value to Figma matches what was put through the transformer, but does not match Token Studio. Although hex is correct, the percentage is not precise.
To Reproduce
Steps to reproduce the behavior:
- Create a new color token and set it to
#000000a1
- Add a new modifier
- Set Operation to
mix
- Set Space to
srgb
- Set Ratio to
0.31
- Preview of final value is
rgb(52.4% 52.4% 52.4% / 0.83)
- Exported values in Figma
#4F4F4F 75%
Expected behavior
Preview value should match how sd-transform would output this Modify mix operation displaying rgb(31% 31% 31% / 0.7447) instead. rgb(31% 31% 31%) converts to hex #4F4F4F which is correctly exported to Figma.
In regards to the alpha percentage; the exported value in Figma should be 74.47%. This level of precision is supported by Figma variables.
Screenshots or Screencasts

Describe the bug
While using the color Modify (Operation: mix) and mixing a transparent color into a solid color, the plugin displays the incorrect color output compared to what is produced after using
sd-transform. The preview value in Token Studio does not match the output once our CSS tokens are built. Additionally, the exported hex value to Figma matches what was put through the transformer, but does not match Token Studio. Although hex is correct, the percentage is not precise.To Reproduce
Steps to reproduce the behavior:
#000000a1mixsrgb0.31rgb(52.4% 52.4% 52.4% / 0.83)#4F4F4F75%Expected behavior
Preview value should match how
sd-transformwould output this Modify mix operation displayingrgb(31% 31% 31% / 0.7447)instead.rgb(31% 31% 31%)converts to hex#4F4F4Fwhich is correctly exported to Figma.In regards to the alpha percentage; the exported value in Figma should be 74.47%. This level of precision is supported by Figma variables.
Screenshots or Screencasts
