HueOdysseyGerador de paletas de cores semânticas
Descreva o site ou a interface que você está criando. Receba uma paleta semântica local e continue no editor para validar, ajustar e exportar.
Sete funções semânticas Validação de contraste WCAG CSS, Tailwind e PNG
Comece com uma direção. Mantenha as funções claras.
Pontos de partida selecionados para os estilos que as pessoas já procuram.
01
Luxo
Marca de hotel boutique com luxo discreto
02Minimalista
Estúdio de produto minimalista com linguagem editorial
03Pastel
Marca contemporânea de estilo de vida em tons pastel
04Cyberpunk
Interface cyberpunk para um jogo multiplayer
05Vintage
Embalagem vintage para uma padaria de bairro
06Retrô
Revista otimista de tecnologia com estilo retrô
Feito para a tela que você está criando.
fundo#F9F6F6
superfície#FFFFFF
texto#171817
principal#C15933
destaque#40E7E7
atenuada#796963
A matemática das cores pertence ao navegador.
Sem IA, sem envio de arquivos e sem necessidade de conta.
Gerador de paleta de cores a partir de imagem
Extraia 5, 7 ou 10 cores dominantes de uma imagem diretamente no navegador. O arquivo não sai do seu dispositivo.
Abrir ferramentaVerificador de contraste de cores
Meça o contraste WCAG para texto normal e grande e encontre a cor de texto mais próxima que atende ao nível AA.
Abrir ferramentaGerador de degradê CSS
Crie degradês CSS lineares ou radiais com pontos de cor e ângulo editáveis.
Abrir ferramentaMisturador de cores
Misture duas cores por porcentagem e veja o resultado em HEX, RGB e HSL.
Abrir ferramentaGerador de tons e escala de cores
Transforme um valor HEX em uma escala de onze etapas semelhante à do Tailwind.
Abrir ferramentaConversor de cores
Converta uma cor entre HEX, RGB, HSL, HSV e OKLCH na mesma página.
Abrir ferramentaCores populares