🎨

Opacity Calculator

NEW

Opacity Calculator

Preview colors at different opacity levels and get the blended hex value

Foreground Color

Background Color

Opacity100%

Blended result on #FFFFFF

#3B82F6

rgb(59, 130, 246)

Opacity Scale

100%

#3B82F6

90%

#4F8FF7

80%

#629BF8

70%

#76A8F9

60%

#89B4FA

50%

#9DC1FB

40%

#B1CDFB

30%

#C4DAFC

20%

#D8E6FD

10%

#EBF3FE