1) Harmonia de cores no CSS

Imagine que você está trabalhando no desenvolvimento de um site pessoal. Utilize a Roda de Cores da Adobe para criar uma paleta de cores harmoniosa. Escolha uma cor principal e duas cores secundárias para o seu site. Em seguida, aplique essas cores no arquivo style.css do seu projeto, usando a cor principal para o background-color e as cores secundárias para o color de dois tipos diferentes de texto (por exemplo, títulos e parágrafos).

style.css
body{
    background-color: #FFFFFF;
    color: #000000;
}

h1 {
    color: #6F2940;
}

h2 {
    color: #B3B3B3 ;
}

p {
    color: #000000;

2) Identificando e corrigindo erros de cores no CSS

Você ficou responsável por corrigir um erro em um projeto web onde o texto não está visível devido a um problema de cor. O corpo da página está com background-color: #000000; e o color do texto foi definido como black, tornando-o invisível. Sua tarefa é corrigir esse erro alterando o valor de color para uma cor visível, como #F6F6F6 ou outra cor clara, garantindo a legibilidade do texto.

style.css
body {
    background-color: #000000;
    color: F6F6F6;
    }

3) Jogando com cores RGB no CSS

Vamos experimentar a representação de cores em RGB no CSS. Escolha duas cores que você goste, uma para o fundo (background-color) e outra para o texto (color). Use a notação hexadecimal RGB para definir essas cores no arquivo style.css. Por exemplo, você pode usar #FF5733 para uma cor laranja vibrante e #00FF00 para um verde brilhante. Aplique essas cores no corpo da sua página e veja como elas interagem.

style.css
header, nav{
    background-color: #6F2940; /* Vinho */
    color: #FFFFFF; /* Branco */
}

body{
    background-color: #FFFFFF; /* Branco */
    color: #000000; /* Black */
}

h1{
    color:  #6F2940; /* Vinho */
}

footer{
    background-color: #000000; /* Black */
    color: #B3B3B3 ; /* Cinza claro */
}