Logo

Alphredo

Alpha colors generator
Figma logo
  1. hsla(231,77%,3%,0.96)
  2. hsla(231,82%,7%,0.9)
  3. hsla(230,87%,9%,0.82)
  4. hsla(228,100%,10%,0.71)
  5. hsla(227,96%,11%,0.59)
  6. hsla(227,89%,15%,0.41)
  7. hsla(225,100%,15%,0.22)
  8. hsla(228,91%,22%,0.1)
  9. hsla(216,59%,33%,0.05)

Background

Specify the background for translucent equivalents to achieve the same look.

Saturation

Adjust the saturation in consecutive steps of your palette.

Opaque #5384E6
chevron right
Translucent #0049DB, 47%
Create translucent versions of your colors

Alphredo generates translucent (alpha) colors looking the same as their opaque counterparts when placed against the same background.

Watch a video
Check out Figma plugin · Created by @adamprzewoski
Warning
Reset palette?

This will erase your palette and settings.
Import
Export