Pré-visualize uma combinação de Google Fonts (título + corpo) com controles de peso e entrelinha, e copie um snippet CSS @import + variáveis pronto para colar. Registro curado de 22 fontes e 7 presets.

Design

Playground de valores arbitrários do Tailwind

Cole classes do Tailwind que usam valores arbitrários (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) e inspecione o CSS gerado, com pré-visualização visual ao vivo, detecção de dicas de tipo de dado e uma explicação de cada tradução. Útil para depurar calc(), variáveis CSS e valores avulsos fora da escala de tokens.

Design

Analisador de imagem VP8

Analisa imagens WebP/VP8 com Sharp, gera um displacement map em escala de cinza e renderiza relevo 3D com Three.js

Design

Gerador de Transformação CSS

Gera propriedades de transformação CSS

Design

Decodificador de Código QR

Decodifica códigos QR de imagens e extrai o texto ou URL contido

Design

Gerador de Código QR

Gera códigos QR a partir de URLs ou texto com tamanho e cores personalizáveis

Design

Conversor RGB para HEX

Converter valores de cor RGB para formato HEX para design web

Design

Conversor RGB para HSL

Converter valores de cor RGB para HSL para exibição em tela

Design

Conversor RGB para HSV

Converter valores de cor RGB para HSV/HSB para manipulação de cores

Design

Conversor de Cores OKLCH

Converte entre HEX, RGB, HSL, OKLCH e Display-P3 com a matemática do CSS Color 4, com leitura de luminosidade/croma/matiz, verificação de gamut sRGB e Display-P3, e sugestão de recorte fora do gamut