Criar e jogar
Cores e design
14 ferramentas gratuitas para quem trabalha com cores: montar uma paleta, achar cores complementares, tons claros e escuros, converter códigos de cor, conferir o contraste para a acessibilidade, simular o daltonismo, gerar degradês, sombras e cantos arredondados em CSS e padrões de fundo.
As mais buscadas
Nomes de cores CSS
Todas as 148 cores nomeadas do CSS com visualização e código hex: pesquise, ordene por matiz, copie.
Gerador de paletas
Gere paletas de 5 cores com harmonias, trave suas favoritas e copie os códigos HEX.
Cores complementares
Veja paletas complementares, triádicas, análogas e divididas com os códigos hex.
Visualizador de fontes do sistema
Veja seu texto nas fontes de sistema mais comuns e copie um CSS pronto para usar
Padrões de fundo
Bolinhas, listras, grade, zigue-zague e ondas: módulos PNG sem emendas para baixar.
Tons claros e escuros
Gere 10 tons claros e 10 escuros de qualquer cor, com os códigos hex prontos para copiar.
Todas, de A a Z 14
Conversor de cores
Converta cores entre HEX, RGB, HSL e CMYK com prévia ao vivo e cópia com um clique.
Cor aleatória
Gere cores aleatórias com códigos HEX e RGB: pastéis, escuras e histórico completo.
Cores complementares
Veja paletas complementares, triádicas, análogas e divididas com os códigos hex.
Gerador de border-radius
Cantos arredondados e formas blob com 4 ou 8 raios, visualização ao vivo e CSS para copiar.
Gerador de box-shadow
Sombras CSS com prévia ao vivo: deslocamento, desfoque, cor e código pronto para copiar.
Gerador de gradientes CSS
Crie gradientes CSS lineares e radiais com prévia ao vivo e código pronto para copiar.
Gerador de paletas
Gere paletas de 5 cores com harmonias, trave suas favoritas e copie os códigos HEX.
Nomes de cores CSS
Todas as 148 cores nomeadas do CSS com visualização e código hex: pesquise, ordene por matiz, copie.
Padrões de fundo
Bolinhas, listras, grade, zigue-zague e ondas: módulos PNG sem emendas para baixar.
Seletor de cores
Escolha qualquer cor visualmente e copie os códigos HEX, RGB e HSL, com histórico salvo.
Simulador de daltonismo
Veja uma imagem como alguém com protanopia, deuteranopia ou tritanopia a enxerga
Tons claros e escuros
Gere 10 tons claros e 10 escuros de qualquer cor, com os códigos hex prontos para copiar.
Verificador de contraste WCAG
Verifique a relação de contraste entre texto e fundo nos níveis WCAG AA e AAA.
Visualizador de fontes do sistema
Veja seu texto nas fontes de sistema mais comuns e copie um CSS pronto para usar