Existe um bom recurso ou ferramenta para ajudar a criar um esquema de paleta / cores em torno das cores selecionadas?

Por melhor que seja a composição, o fluxo e as linhas do meu design, se não estiver copiando diretamente da natureza, é muito difícil escolher um esquema de cores decente. Parece muito monótono ou extravagante.

Existe um bom recurso que me ajude a escolher um esquema de cores com 2 ou 3 cores e as cores não colidam?

Não estou procurando cores ou esquemas de cores específicos. O que eu preciso é de um recurso que me ajude a escolher uma cor (ou cores) que combine bem ou forneça um bom sotaque para qualquer cor principal com a qual estou trabalhando no design.

Uma ferramenta útil é a Paletton (anteriormente conhecida como Color Scheme Designer):

Você especifica uma cor inicial e um tipo de esquema de cores e ele gera uma paleta para você e permite modificar essa paleta.

O bom dessa ferramenta é que você pode ver como ela escolhe as outras cores com base na cor selecionada. Há também uma ferramenta para simular a aparência dessas cores com diferentes tipos de daltonismo.

Você precisa ler sobre um bom livro de teoria das cores para entender pelo menos o princípio geral, por exemplo, sobre o que é cor primária e secundária, cores complementares etc. .

Na web, o meu favorito no momento é: Kuler, da Adobe , também costumava usar http://colorschemedesigner.com/ já mencionado.

Sugiro que você leia rapidamente sobre CONTRASTE SIMULTÂNEO E SUCESSO, onde a associação de cores faz parecer que uma cor em um plano de fundo diferente parece diferente.

Mesmo que você não tenha me perguntado, sugiro ter em mãos para verificar se as cores do site têm um bom contraste para facilitar a leitura. Uso isso: http://graybit.com/main.php

Há muito por aí, mas aqui estão alguns dos meus geradores favoritos. A maioria das listadas permite que você insira sua própria cor, como você especificou.

• ColorFavs - Paleta da imagem, bem como galeria de paletas e cores das imagens de outras pessoas
• Pictaculous - Paleta da imagem (o oposto é imagem da cor )
• ColorKitty - Paleta da imagem
• Cores Coesivas - Nova paleta formada pela paleta antiga + sobreposição de cores
• Amantes de cores - Paletas baseadas em cores ou combinações
• Handy Colors - Paletas de cores nomeadas (úteis para testes) e algumas paletas pré-fabricadas
• Picular - cores dos termos de pesquisa
• ColorBox - Gerador da Lyft
• Seletor de cores de dados - Gerador ("especificamente para visualização de dados")
• Colormind - Gerador que usa a interface do usuário para mostrar as cores
• Palx - Gerador ("especificamente para interface do usuário")
• Geenes - Generator
• Color by HailPixel - Gerador
• ColourCo.de - Gerador
• Adobe Color CC - Gerador
• Coolors - Generator
• Palette App - Generator
• Fornecimento de cores - Gerador de paletas de 2 cores

Existem também alguns sites que oferecem paletas pré-fabricadas, incluindo as de marcas populares

• Gerador de paletas de materiais do Google - Gere modelos de cores de materiais de acordo com suas diretrizes de design ^{(bem, feche )}
• Tint UI - paletas de cores da marca
• Cores da marca - Cores da marca
• Culrs - paletas selecionadas com base no tipo de cor
• Poke Palettes - Paletas baseadas em Pokemon
• Salto de cores - Paletas com base em períodos de tempo
• Cor encontrada - paletas de fotos selecionadas
• A cor do dia - nova paleta diariamente
• Paletas de cores minimalistas - Uma ótima seleção de paletas escolhidas a dedo
• lolcolors - paletas pré-selecionadas
• Esquemas de cores do site - Esquemas de cores com descrições de adjetivos
• Cores - paletas geradas por computador
• Color Hunt - várias paletas diariamente

Existem também alguns sites que oferecem combinações de gradientes, dos quais você pode obter os códigos de cores:

• CSSGradient - gerador de gradiente
• uiGradients - provavelmente meu site de gradiente favorito
• Grabient
• Webgradients
• Eggradients
• Colorffy - 3 gradientes de cores
• Designer de cores
• Magia Gradiente

Ou você pode deixar a AI escolher algumas cores para você usando o AI Color Wheel .

Se você ainda não conseguir encontrar uma paleta de cores de alguma forma, este repositório terá alguns recursos adicionais.

Também gosto de olhar para o gráfico abaixo (extraído daqui ao considerar quais cores misturar (geralmente no topo dos gradientes acima) para obter o melhor contraste:

O Photoshop CS5 tem uma extensão chamada Kuler que faz isso.

Você pode acessá-lo através do menu; Window / Extensions / Kuler ou através do site, http://kuler.adobe.com/

Em primeiro lugar: familiarize-se com o modelo de cores HSB . O HSB define uma cor ao:

• Matiz : tipo de cor, como em: escolha uma de um arco-íris - em graus;
• Saturação : inversa da quantidade de branco adicionado - em porcentagem;
• Brilho : inverso da quantidade de preto adicionado - em porcentagem.

Uma boa regra geral seria provar as cores da marca existente e determinar seu valor de matiz. No início, atenha-se aos valores H e comece a variar os valores S e B. Isso cria cores que se harmonizam bem com as cores existentes quase por definição.

Se você realmente precisa de uma cor contrastante e a única maneira é usar um valor H diferente, tente primeiro determinar como os valores H das cores existentes estão relacionados. Em seguida, você pode desenvolver essa relação para criar novos tons.

As duas cores estão separadas por 180 °? Em seguida, convém adicionar 90 ° a qualquer um deles para criar um terceiro matiz para trabalhar. Eles estão separados por 40 °? Adicione 40 ° a um dos valores de cor ou subtraia 40 ° do outro para obter uma configuração de cor analógica . Ou, calcule a média dos dois valores de H e inverta o resultado (adicione ou subtraia 180 °, o que for um número positivo menor que 360) para criar uma configuração de cor complementar dividida .

Em seguida, comece a mexer nos valores S e B da nova tonalidade.

Não se esqueça de dar um passo atrás e ajustar o valor H calculado quando o resultado não corresponder às suas expectativas. Os valores exatamente calculados de H são ótimos, mas são apenas uma ferramenta - não hesite em editar um pouco para melhorar a aparência estética.

Eu achei o colourlovers.com um recurso muito útil para construir esquemas de cores. Mas se você quiser ter uma idéia melhor do uso de contraste e harmonia como uma ferramenta para melhorar seu design, leia a teoria das cores. Pessoalmente, gostei dos Princípios de design de cores de Wucious Wung e da Interação de cores de Josef Albers

Você sempre pode ir ao seu Home Depot ou Lowe's local, dirigir-se ao departamento de pintura e pegar alguns dos folhetos da sala de amostras. :)

Ou, mais sério, aqui está uma descrição de como os esquemas de cores funcionam.

Normalmente, eu uso o seletor de cores para escolher cores diretamente das fotos com as quais estou trabalhando. Dessa forma, tenho certeza de que as cores vão combinar. É fácil e rápido quando você não tem muito tempo para colocar em seu projeto.

A parte 3 de uma série de três partes sobre teoria das cores se aplica diretamente a essa pergunta.

Criando suas próprias paletas de cores

Ótima explicação para escolher seu próprio esquema de cores com base na roda de cores. (extraído desta pergunta stackexchange )

Confira isso pode ajudá-lo mais.

http://galacticmilk.com/sphere/

Uma ferramenta incrível para criar paletas de cores, que acredito ser uma jóia escondida, é o Adobe Capture CC. Eu o descobri enquanto assistia a um evento do Adobe Live stream.

É um aplicativo gratuito, disponível para ios e android, que gera automaticamente a paleta de cores de uma foto que você tira com sua câmera.

Se você for passear no parque, visitar um museu ou simplesmente se deparar com uma vista impressionante em termos cromatográficos, poderá obter essa paleta de cores em minutos.

O aplicativo também permite transformar um esboço em papel diretamente em um vetor. Você desenha no papel, fotografa e voila. Não é mais necessário importar fotos e traçar com a ferramenta caneta.

Encorajo todos a conferir!

Alguns recursos que eu achei úteis listados abaixo ao escolher cores.

• AI com Colormind: use a AI e uma grande amostra de "bons" designs / obras de arte / impressões para gerar combinações de cores. Também é possível fornecer suas próprias cores e gerar cores complementares. http://colormind.io/

• Regras estruturadas: Muitas outras boas respostas sobre HSB e outras abordagens / teorias. Esta página faz uma facada com regras claras sobre como fazê-lo e com bons resultados. https://tallys.github.io/color-theory/

Sugiro verificar http://colorsupplyyy.com. É uma boa ferramenta para gerar cores e usa paletas de cores dos melhores designers do mundo!

Eu definitivamente sugeriria ColorPK

Carrega mais rápido e limpo para mim,

e também pode extrair cores da imagem