Ferramentas de cor
Converta formatos de cor e monte gradientes CSS com preview ao vivo.
Conversor de Cores
Converta entre HEX, RGB, HSL, HSV e CMYK em tempo real. Escolha uma cor ou cole qualquer valor — todos os formatos atualizam enquanto você digita.
Abrir →Gerador de Gradientes CSS
Monte gradientes lineares e radiais visualmente. Ajuste paradas e ângulo, copie o CSS pronto para colar.
Abrir →Gerador de Box Shadow CSS
Empilhe várias camadas de sombra, ajuste deslocamento, blur, spread e opacidade, copie como CSS ou classe Tailwind.
Abrir →Gerador de CSS Clamp (Tipografia Fluida)
Type-scale que cresce com a viewport. Escolha tamanhos mínimo e máximo de fonte, larguras mínima e máxima de tela — receba uma regra clamp() pronta com slider de prévia ao vivo.
Abrir →Visualizador de Easing CSS / Cubic-Bezier
Arraste as alças no SVG, digite valores ou escolha entre 30+ curvas nomeadas. Prévia animada ao vivo e saída pronta para CSS, GSAP e Framer Motion.
Abrir →Verificador de Contraste
Confira a razão de contraste WCAG entre duas cores. Veja os selos de aprovação para AA e AAA em texto normal e grande, com pré-visualização ao vivo.
Abrir →Simulador de Daltonismo
Veja qualquer cor através de oito tipos de deficiência visual cromática. Saiba exatamente o que usuários com protanopia, deuteranopia, tritanopia, acromatopsia e suas formas leves enxergam.
Abrir →Gerador de Matizes, Tons e Sombras
Gere dez matizes mais claros, dez sombras mais escuras e dez tons misturados com cinza a partir de qualquer cor base. Clique em uma amostra para copiar o hex.
Abrir →Gerador de Harmonia de Cores
Gere paletas complementares, análogas, triádicas, tetrádicas, quadradas, complementares-divididas e monocromáticas a partir de qualquer cor base, com variáveis CSS para copiar.
Abrir →Cores Nomeadas do CSS
Referência buscável de todas as 147 cores nomeadas do CSS. Clique em uma amostra para copiar o nome; ordene por nome, matiz ou luminosidade.
Abrir →Misturador de Cores
Misture duas cores em qualquer proporção com interpolação em luz linear. Opcionalmente mostre 11 paradas de gradiente entre elas.
Abrir →Gerador de Paleta de Cores
Gera paletas lindas com 5 cores que realmente funcionam — banco de seeds curados, regras de harmonia, lock e re-roll.
Abrir →