gerador de paleta de cores

O Gerador de Paleta de Cores transforma uma única cor base em um conjunto coordenado de cores usando regras de harmonia de roda de cores Escolha uma cor inicial e escolha um modo - tons e matizes, monocromático, complementar, análogo, triádico ou tetrádico - e a ferramenta calcula uma paleta balanceada com o código HEX para cada amostra.

Boas combinações de cores seguem relações previsíveis na roda de cores HSL: cores complementares se sentam umas com as outras, cores análogas se sentam umas das outras e as cores triádicas são espaçadas uniformemente. Resolver isso manualmente significa fazer malabarismos com os ângulos de matiz e os valores de leveza. Esta ferramenta faz as contas instantaneamente e mostra o resultado para que você possa escolher um esquema que funcione.

Tudo corre cliente-lado Ajuste a cor base, modos do interruptor, clique em toda a amostra para copiar seu código de HEX, ou use Copiar CSS para exportar a paleta inteira como propriedades personalizadas de CSS Nenhuma conta, nenhum upload, e ele continua trabalhando offline uma vez que a página carregou.

Um exemplo trabalhado mostra como funciona como um gerador de paleta de cores de casamento, com uma condição: não há predefinições de casamento, então você traz a cor Digite um verde sálvia, #9caf88, como a cor Base e picareta Complementar As quatro amostras são #c2ceb6, #9caf88, uma lavanda empoeirada #9b88af e uma #755e8 d mais profunda, e Copie CSS as retorna como - cor-100 para - cor-400 Para um resultado gerador de paleta de cores pastel, comece a partir de uma base pálida como #a7c7e7: Analogous, Triadic e Tetradic mantêm sua leveza e saturação, de modo que cada amostra permaneça macia.

Os modos de harmonia vêm de relações cor-roda, matiz girando por quantidades fixas ao redor do círculo: 180 graus para complementar, 120 para triádico, e pequenos passos para análogo Essa matemática é feita em HSL, que é conveniente e não perceptualmente uniforme A leveza HSL trata amarelo e azul no mesmo valor que igualmente leve, e para o olho eles não são, razão pela qual um conjunto triádico pode parecer equilibrado no papel e desequilibrado na tela Verifique qualquer paleta que você planeja usar para texto contra um verificador de contraste em vez de confiar nos números Tons e tonalidades são produzidos movendo leveza enquanto mantém matiz e saturação, o que mantém uma família reconhecidamente relacionada e é o que os torna úteis como um conjunto de variáveis CSS.