Design e cor
Seletores, paletas, gradientes e verificadores de contraste.
Seletor e conversor de cor
Escolha uma cor e converta entre HEX, RGB, HSL e OKLCH.
Novo Verificador de contraste de cores
Verifique as razões de contraste WCAG AA/AAA entre as cores de texto e fundo.
Novo Gerador de gradientes CSS
Crie gradientes CSS lineares, radiais e cônicos com prévia ao vivo.
Novo Gerador de box-shadow CSS
Crie box-shadows CSS em várias camadas com predefinições e prévia ao vivo. Copie o CSS, o valor ou o estilo React na hora.
Novo Gerador de paleta de cores
Gere paletas complementares, análogas, triádicas e monocromáticas.
Novo Gerador de curva cubic-bezier
Crie uma curva de easing CSS arrastando os pontos de controle, com prévia ao vivo.
Novo Gerador de border-radius
Crie visualmente cantos arredondados CSS e formas orgânicas tipo blob.
Novo Playground de CSS Flexbox
Ajuste as propriedades flex com prévia ao vivo e copie o CSS.
Novo Playground de CSS Grid
Ajuste colunas, espaçamento e alinhamento do grid com prévia ao vivo e CSS.
Novo Gerador de glassmorphism
Crie um cartão de vidro fosco e copie o CSS, com prévia ao vivo.
Novo Gerador de text-shadow CSS
Ajuste uma sombra de texto CSS com prévia ao vivo e copie o código.
Novo Misturador de cores
Misture duas cores em qualquer proporção e copie o resultado ou qualquer etapa.
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.