O que é Paleta Monocromática?
Escolha uma cor base e gere tons escuros e claros a partir dela. Defina o número de etapas e exporte como variáveis CSS, configuração Tailwind, ou copie valores hex/RGB individuais.
Como usar
- Escolha uma cor base usando o seletor de cores ou insira um código hexadecimal diretamente.
- Ajuste o número de sombras e tons (etapas) e defina o intervalo de escuridão/claridade.
- Copie valores de cores individuais ou exporte toda a paleta como propriedades personalizadas CSS, um objeto de configuração Tailwind ou uma amostra de imagem.
Resultado
Você está criando um painel e precisa de uma paleta azul para visualização de dados. Escolhe #3B82F6 como base, gera 9 etapas de quase branco (#EBF2FE) a quase preto (#1A2744). Exporta como variáveis CSS e usa --color-blue-100 a --color-blue-900 em todos os gráficos.
Ferramentas relacionadas
Gerador de gradientes em malha
Crie fundos com gradientes em malha bonitos
Conversor de códigos de cor
Converta códigos de cor HEX, RGB, HSL e CMYK
Conversor de cores
Converta códigos HEX, RGB, HSL, HSV e CMYK
Misturador de cores
Misture duas cores visualmente
Identificador de nome de cor
Encontre a cor nomeada mais próxima de qualquer valor
Localizador de cores complementares
Encontre cores complementares para qualquer entrada