Ferramentas de cor e CSS que cabem no seu fluxo.

Conversor de cor, paleta, contraste WCAG, gradiente, sombras e mais — preview ao vivo, copia e cola.

Checker de Contraste WCAG

Verifique o contraste entre texto e fundo (WCAG).

Converta cores entre HEX, RGB e HSL.

Crie formas orgânicas (blobs) em SVG.

Ajuste cantos arredondados com preview e copie o CSS.

Ajuste sombras CSS com preview e copie o código.

Crie o efeito de vidro fosco (glassmorphism) em CSS.

Monte gradientes lineares e copie o CSS.

Gere harmonias e tons a partir de uma cor base.

Ajuste sombras de texto com preview e copie o CSS.

Veja cores sob protanopia, deuteranopia e tritanopia.