Existem muitas maneiras de se escolher cores no CSS:

image.png

Além disso, o color picker é uma ferramenta que auxilia muito nesse processo.

🖌️ color e background-color


A propriedade color define a cor do texto de um elemento.

image.png

Já a propriedade background-color define a cor de fundo de um elemento.

image.png

🪟 opacity


Como o próprio nome diz, é uma propriedade que controla o nível de opacidade de algum elemento como um todo (do texto, da background-color, …).

Seu valor varia de 0 a 1 ou de 0% a 100% e, quanto mais próximo de zero, maior transparência.

opacity: 0.10;

/* Ou, equivalentemente: */

opacity: 10%;