Prepare uma paleta de cores
Crie tons de uma cor HEX e obtenha seus valores RGB e HSL.
- Crie os tonsAqui.
- Converter uma cor
Gerar paleta de cores
Crie tons mais claros e escuros a partir de uma cor HEX e copie a paleta.
#RGB / #RRGGBB
Seus arquivos são processados aqui, no seu dispositivo
Não enviamos seu arquivo ou conteúdo de texto para um servidor de processamento. Nenhuma conta é necessária e não há cota de operação diária. Ferramentas individuais têm limites de tamanho para proteger a memória do seu dispositivo.
Uma conexão é necessária para carregar o site e seus recursos. Hospedagem pode receber dados técnicos de visitas. Os favoritos armazenam apenas identificadores de ferramenta neste navegador.
Como lidamos com seus dados →Como usar esta ferramenta
- Digite um código HEX de 3 ou 6 dígitos.
- Escolha uma contagem de sombras e crie a paleta.
- Revise as amostras e copie ou baixe os códigos.
Um exemplo que você pode verificar
Prepare uma família de sombra para uma composição visual.
Entrada de exemplo
#254F42
Resultado esperado
#C9D3D0 #779189 #254F42 #173129 #091411
A cor do meio corresponde à entrada. Os endpoints misturam 75% de branco ou preto; verifique o contraste antes de emparelhar com o texto.
Gerar paleta de coresUsos e orientação prática
Criar uma paleta a partir de uma cor base fornece variantes mais claras e escuras para explorar uma composição. A ferramenta gera uma escala tonal, em vez de selecionar automaticamente cores complementares ou produzir uma identidade visual completa. A base continua sendo a referência central enquanto outras amostras se movem em direção a aparências mais claras ou escuras. Escolha uma quantidade ímpar suportada para que a referência permaneça no meio da coleção e possa ser reconhecida junto com suas variantes.
Variantes podem ajudar a testar superfícies, bordas e acentos, mas atribuir a cada um um papel requer inspecionar o projeto completo. Uma amostra adequada para um fundo pode não ser adequada para texto pequeno. O brilho percebido também depende das cores vizinhas e da exibição. Não escolha uma variante só porque ela ocupa uma posição específica na escala. Revise a combinação real onde ela será mostrada, incluindo o tamanho e o peso das letras que acompanham.
A paleta não calcula automaticamente as taxas de contraste ou garante a acessibilidade. Use rótulos ou formas compreensíveis quando os estados precisam de distinção, em vez de depender apenas da cor. Revise pares de texto e plano de fundo com uma ferramenta de contraste apropriada. A geração tonal também não estabelece equivalência com tintas de impressão ou perfis profissionais; esses códigos descrevem representações de cores orientadas para tela. Uma visualização satisfatória não garante que toda reprodução física será a mesma.
Verifique a cor central e copie os códigos completos. Salve a paleta com o papel pretendido de cada amostra para que outro editor não confunda uma borda com um plano de fundo. O conversor de cores fornece a notação RGB ou HSL para um valor específico. A imagem em escala de cinza explora informações tonais em uma imagem, mas não aplica automaticamente essa paleta aos pixels. Teste os recursos juntos antes de considerar a escolha visual completa.
Uma verificação prática antes de usar o resultado
Um teste de design pode atribuir variantes ao fundo, borda e sotaque, exibindo-os juntos. Inspecione letras reais contra cada fundo antes de selecionar. Salve códigos com seus papéis para preservar a mesma combinação entre as páginas. Revise toda a composição em vez de tratar a posição da paleta como uma garantia de contraste adequado.
Continue sua tarefa
Baixe o resultado ou copie o texto antes de abrir outra ferramenta. Em seguida, carregue ou cole-o na próxima etapa; o conteúdo não é transferido automaticamente.
Opções e limites
Digite uma cor HEX de 3 ou 6 dígitos e escolha 3, 5, 7 ou 9 cores. O original fica no meio. Cores mais claras misturam canais RGB com cores brancas e mais escuras com preto, até 75%. Amostras visuais e códigos HEX para download estão incluídos.
Perguntas frequentes
Essas cores garantem contraste de texto acessível?
Não. Esta paleta é um ponto de partida visual. Verifique o contraste para cada combinação de texto/fundo antes de usá-lo em uma interface.
Meus dados estão armazenados em um servidor?
Não. O conteúdo e os arquivos são processados em seu navegador sem uma conta. Fechar a página perde resultados não salvos.