--- title: Color Theory localeTitle: Teoria das Cores --- ## Teoria das Cores Teoria das Cores é uma aplicação prática de misturar cores e usar cores para obter um efeito visual específico. As cores são usadas em todos os tipos de formas. A escolha de cores na exibição visual é freqüentemente limitada por hardware, software em execução no hardware, limitações do olho humano e variações em como os seres humanos percebem a cor. Os limites para as escolhas também são moldados por restrições artificiais fornecidas por um projeto, como a necessidade de estar em conformidade com o estilo de design e a marca. Uma roda de cores é a principal ferramenta usada pelos designers para especificar ou localizar cores. As rodas de cores podem incluir todo o espectro de cores ou podem ser organizadas por uma categoria definida de cores. As quatro principais categorias de cores, com as quais você já pode estar familiarizado, são Cores Primárias, Cores Secundárias, Cores Terciárias, Cores Complementares. Usar a teoria das cores pode ajudar a atender aos requisitos dos projetos e, ao mesmo tempo, maximizar a legibilidade do texto e a acessibilidade do conteúdo aos espectadores com diferentes características ou necessidades de visualização. ### Roda de cores ou selecionador de cores Uma roda de cores ou um seletor é uma ferramenta usada pelos designers para especificar ou localizar cores. Os separadores de cores podem incluir um espectro de cores ou podem ser organizados por categorias definidas de luz, como brilho e matiz. **Cores primárias** Na arte e ilustração, as cores são tradicionalmente separadas em três categorias: Cores Primárias, Cores Secundárias e Cores Terciárias. Cores primárias são cores que não podem ser misturadas ou formadas por qualquer combinação de outras cores. Cores secundárias são aquelas formadas pela mistura de duas das cores primárias. Cores terciárias são as que se formam misturando todas as três cores primárias. Na pintura tradicional, as cores são vermelho, amarelo e azul (RYB). Todas as outras cores são derivadas desses três. O matiz real de cada cor primária afeta o intervalo de cores disponíveis. As telas visuais do computador geralmente usam um conjunto diferente de três cores primárias para aproximar a cor: vermelho, verde e azul (RGB). Todas as cores exibidas são feitas variando o brilho das cores primárias. As impressoras de computador geralmente usam quatro cores primárias para representar a cor. Às vezes, um preto é usado como meio de contraste para aumentar o intervalo de contraste. A combinação de cores primárias ciano, magenta, amarelo e chave (CMYK) é comum. "Key" representa preto. Key é um termo tradicional para a impressão mais significativa de uma combinação de impressões. ### Psicologia das Cores Psicologia das cores é um estudo de como a cor influencia o humor e o comportamento humano. As cores escolhidas para o design podem influenciar bem sucedido é um produto. **Cores complementares:** Vermelho-verde, amarelo-roxo, azul-laranja Estas são cores formadas pela mistura de cores opostas entre si na roda de cores. No web design, as cores também carregam consigo conotações e implicações que precisam ser compreendidas, ou então você poderia causar confusão. A cor vermelha em um espaço não digital, como um restaurante fast-food, carrega a implicação de energia ou excitação. No entanto, na web, a cor vermelha também traz consigo a implicação de que o usuário cometeu um erro. Esse exemplo de como a cor significa determinados itens em determinadas configurações deve ser um lembrete importante para entender como a pessoa que visualiza sua página interpretará a seleção de cores que você fez. ### Cores da Web Padrões da Web, incluindo HTML, CSS e formatos de arquivos gráficos: JPEG, PNG, GIF e SVG usam cores primárias de vermelho, verde e azul. Cada tecnologia ou dispositivo exibe um matiz ligeiramente diferente da cor primária. Por exemplo, um vermelho puro em um monitor pode parecer mais rosa ou laranja em outro. Essas variações aumentam a complexidade de tentar retratar cores precisas em uma tela de computador. Esse é um problema significativo, por exemplo, ao tentar: * representar um produto com um matiz de cor específico ou * representar um arco-íris de cor, ou * alertar um usuário com mensagens com vários graus de importância. Web design, publicidade e heurística de interface homem-computador também reconhecem que as cores carregam conotações e implicações culturais. [Este guia de estilo rápido ajudará a garantir que sua solicitação de recebimento seja aceita](https://github.com/freecodecamp/guides/blob/master/README.md) . #### Mais Informações: [Planilha de Teoria Básica de Cores](http://lfhs.lfcisd.net/UserFiles/Servers/Server_904/File/ECCastillo/Color%20Theory%20Worksheet.pdf) [Wiki da Psicologia das Cores](https://en.wikipedia.org/wiki/Color_psychology) [Tabela de cores espectrais ou espectrais próximas em RGB](https://en.wikipedia.org/wiki/Spectral_color#Table_of_spectral_or_near-spectral_colors) [Cor e Usabilidade](/visual-design/color-theory/usability/index.md) [Cor e Cultura](/visual-design/color-theory/color-and-culture/index.md) [Como obter uma aparência profissional com cor](https://www.webdesignerdepot.com/2009/12/how-to-get-a-professional-look-with-color/) [Sua única cor](https://robots.thoughtbot.com/Its-only-color)