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 valor HEX, RGB e HSL 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 é executado no seu navegador. Ajuste a cor de base, os modos de troca, clique em qualquer amostra para copiar seu valor ou exporte a paleta inteira como propriedades personalizadas do CSS. Sem conta, sem uploads e ele continua funcionando offline depois que a página é carregada.

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.