What difference does it make if we choose opacity or font color?

For example, if we have some external links in the project we can either

  • Change the opacity to 0.7

  • Change the font color to something light grey

How and when do we choose either of the two ?

Color affects the text only. Where’s opacity will change the border, background etc of the element. Meaning the element and its children.
Opacity is also slower to render than rgba(), which is slightly slower than color.
So if you worry about rendering performance, using hexvalues is your best bet.

1 Like

As said above. Generally if you want a grey color, find one using a hex color picker. If you want an element to become more transparent or opaque (an image is a good example), then this is all I would personally use it for. I wouldn’t use it for coloring text.

1 Like