A propriedade color do CSS definine o valor da cor de um elemento com seu conteúdo em texto e seus decorações (estilos). Também define o valorer da currentcolor (en-US), no qual pode ser usado um valor indireto de outra propriedade, e tem como padrão as cores de outras propriedades (enquanto não definida), tal como a propriedade border-color (en-US).

1. color: Define a cor do texto dentro de um elemento. Você pode especificar a cor usando nomes de cores, valores hexadecimais, valores RGB ou HSL.

   Exemplo:

   
   color: red; /* Nome da cor */
   color: #FF0000; /* Valor hexadecimal */
   color: rgb(255, 0, 0); /* Valor RGB */
   color: hsl(0, 100%, 50%); /* Valor HSL */
   
   

2. background-color: Define a cor de fundo de um elemento, como uma div ou uma seção da página.

   Exemplo:

   
   background-color: yellow;
   
   

3. border-color: Define a cor da borda de um elemento, como uma borda de caixa ou um botão.

   Exemplo:

   
   border-color: #333; /* Valor hexadecimal */
   border-color: rgba(0, 0, 0, 0.5); /* Valor RGBA */
   
   

4. outline-color: Define a cor da linha de contorno de um elemento quando ele recebe foco.

   Exemplo:

   
   outline-color: blue;
   
   

5. box-shadow: Define uma sombra para um elemento, incluindo uma propriedade para definir a cor da sombra.

   Exemplo:

   
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); /* Cor da sombra definida com RGBA */
   
   

6. text-shadow: Define uma sombra para o texto dentro de um elemento, incluindo uma propriedade para definir a cor da sombra do texto.

   Exemplo:

   
   text-shadow: 2px 2px 3px #666; /* Cor da sombra do texto definida com um valor hexadecimal */
   
   

7. gradient (linear-gradient, radial-gradient): Permite criar fundos gradientes com várias cores. Você pode especificar cores em gradientes usando valores hexadecimais, RGB, HSL ou nomes de cores.

   Exemplo (gradiente linear):

   
   background-image: linear-gradient(to right, red, blue);