Transparency in tooltips

While the colorpicker is all fine and good, sometimes you don’t want to pick a color at all. To completely remove the tooltip background, you can use RGBA values like so:

rgba(0,0,0,0)

rgba-value

transparent-tooltip

The above value will result in a completely transparent background. The same can be used for the other colorpicker fields, for example the tooltip border, as necessary.

You can also use RGBA to achieve semi-transparent backgrounds. The following example will create a semi-transparent black background.

rgba(0,0,0,0.5)

semi-transparent-tooltip

For more information on RGBA values, see this helpful article from W3C Schools.

Note: After entering an RGBA value, the colorpicker may become “stuck” in transparent mode. To force it back to using regular hexadecimal color codes, you can enter a color such as #000000 into the field and then colorpick normally from there.