Design e cor
Seletores, paletas, gradientes e verificadores de contraste.
Seletor e conversor de cor
Escolha uma cor e converta-a entre HEX, RGB, HSL e OKLCH.
Novo Verificador de contraste de cor
Verifique os rácios de contraste WCAG AA/AAA entre o texto e a cor de fundo.
Novo Gerador de gradientes CSS
Crie gradientes CSS lineares, radiais e cónicos com pré-visualização ao vivo.
Novo Gerador de box-shadow CSS
Crie box-shadows CSS de várias camadas com predefinições e pré-visualização ao vivo. Copie o CSS, o valor ou o estilo React num instante.
Novo Gerador de paletas de cores
Gere paletas complementares, análogas, triádicas e monocromáticas.
Novo Gerador de cubic-bezier
Desenhe uma curva de easing CSS arrastando pontos de controlo, com pré-visualização ao vivo.
Novo Gerador de border-radius
Crie visualmente cantos arredondados em CSS e formas orgânicas tipo blob.
Novo Playground de Flexbox CSS
Ajuste as propriedades flex com pré-visualização ao vivo e copie o CSS.
Novo Playground de Grid CSS
Ajuste as colunas, o espaçamento e o alinhamento do grid com pré-visualização ao vivo e CSS.
Novo Gerador de glassmorphism
Desenhe um cartão de vidro fosco e copie o CSS, com pré-visualização ao vivo.
Novo Gerador de text-shadow CSS
Ajuste uma sombra de texto CSS com pré-visualização ao vivo e copie o código.
Novo Misturador de cores
Misture duas cores em qualquer proporção e copie o resultado ou qualquer passo.
Novo Seletor de cores de imagem
Escolha qualquer cor de uma imagem e extraia a paleta dominante em HEX, RGB e HSL.
Novo Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Novo Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.