PK Systems PK Systems
Ferramentas

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 →