1
resposta

[Projeto] Lista de exercícios

  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).

body { background-color: #6756F0; } h1 { color: #CB56F0; } p { color: #C6A6F0; }

  1. 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.

body { background-color: #000000; color: #F6F6F6; }

  1. 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.

body { background-color: #FF5733; /* Laranja / color: #00FF00; / Verde */ }

1 resposta

Para criar uma paleta de cores harmoniosa para um site pessoal usando a Roda de Cores da Adobe, você pode seguir este passo a passo:

  1. Escolha da Cor Principal: Acesse a Roda de Cores da Adobe e selecione uma cor que você goste ou que represente o tema do seu site. Por exemplo, vamos escolher um tom de azul vibrante como #6756F0.

  2. Seleção de Cores Secundárias: Com a cor principal escolhida, identifique duas cores secundárias que harmonizem bem. Você pode usar a ferramenta para encontrar cores complementares, análogas ou triádicas. Por exemplo, podemos escolher um lilás #CB56F0 e um lavanda mais claro #C6A6F0.

  3. Aplicação no CSS: Agora, você pode aplicar essas cores no arquivo style.css do seu projeto. O código seria algo como:

    body {
               background-color: #6756F0; /* Azul Vibrante */
    

}

h1 { color: #CB56F0; /* Lilás */ }

p { color: #C6A6F0; /* Lavanda Claro */ }


**Identificando e Corrigindo Erros de Cores no CSS**

Se você precisa corrigir um erro em um projeto web onde o texto não está visível devido a um problema de cor, o procedimento é simples. Por exemplo, se o `background-color` do corpo está definido como #000000 (preto) e o `color` do texto também está como black, o texto se torna invisível. A solução é alterar a cor do texto para algo visível, como um cinza claro #F6F6F6:

```css
body {
     background-color: #000000; /* Preto */
     color: #F6F6F6; /* Cinza Claro */
}

Jogando com Cores RGB no CSS

Para experimentar com cores RGB, você pode escolher duas cores vibrantes que goste e usá-las no seu CSS. Por exemplo, um laranja vibrante #FF5733 para o fundo e um verde brilhante #00FF00 para o texto:

body {
        background-color: #FF5733; /* Laranja */
        color: #00FF00; /* Verde */
}

Essas são algumas maneiras de explorar e aplicar cores no design de um site, criando um ambiente visualmente agradável e funcional.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software