Gerar e aplicar um esquema de cores web

Muitos recursos muito úteis para a geração de esquemas de cores estão disponíveis online. Estes recursos permitem definir esquemas de cores com base em uma cor, uma imagem, ou mesmo um estado de espírito. Adobe Kuler

(Pronuncia-se mais frio, como em “Eu sou mais frio do que você é”) é um dos principais recursos online web design. É gratuito, mas você tem que se registrar com a Adobe para usar todos os recursos.

Video: Teoria das cores - Harmonia #01

ColorSchemer (A versão gratuita disponível apenas para uso on-line) tem um conjunto de ferramentas limpa, intuitiva para a geração de cores com base em uma cor de arranque.

Quando você vai para Kuler on-line, você pode começar a definir um esquema de cor introduzindo um nome de cor, um valor de cor, ou uma palavra na caixa de pesquisa. Enter “inverno” na caixa de pesquisa, e você é apresentado com uma variedade de esquemas de cores inverno-temático.

Video: Circulo Cromatico para Combinações de Cores - Daniel Latim

Clicando no fazer alterações a este tema e Vista Valores de cores botão no Kuler exibe os valores das cores em seu esquema de cores gerados.



Depois Kuler exibe os valores hexadecimais para as cores em seu esquema de cores, você pode simplesmente copiar e colar esses valores em um arquivo de texto (usando o seu processador de texto ou editor de texto) e, em seguida, copiar e colá-los em um CSS.

Se você está trabalhando inteiramente dentro do sistema Adobe Creative Suite, você pode gerar um arquivo ASE (Adobe Swatch Exchange). Estes arquivos ASE pode ser carregado no painel Amostras no Illustrator e outras aplicações CS6 (embora não Dreamweaver) e utilizado para criar arte.

Video: Serie COR - Aplicação da Teoria da cor (1)

A figura seguinte mostra um esquema de cores Kuler-gerado importado para o painel CS6 Amostras do Illustrator. Você pode navegar e exibir um arquivo ASE salvas com o menu Swatch Libraries do Illustrator.

Mais uma vez, e para ser claro, você não precisa de quaisquer produtos da Adobe para agarrar um esquema de cores do Kuler. A técnica mais básica para a captura de valores hexadecimais gerados por Kuler (ou qualquer outra ferramenta de esquema de cores) é copiar e colar esses valores hexadecimais em qualquer arquivo de documento (usando Word, Notepad, TextEdit, ou qualquer outra coisa) e depois salvá-los.

Ou mesmo rabiscar-los em um bloco de rascunho com uma caneta e depois digite-os em um arquivo HTML ou CSS.


Publicações relacionadas