Design
Converter valores de cor XYZ para HSV/HSB para manipulação de cores
xyz-to-hsv-converterDesign
Converter valores de cor XYZ para HSL para exibição em tela
xyz-to-hsl-converterDesign
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.
webfont-pairing-labDesign
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.
tailwind-arbitrary-value-playgroundDesign
Analisa imagens WebP/VP8 com Sharp, gera um displacement map em escala de cinza e renderiza relevo 3D com Three.js
vp8-image-analyzerDesign
Gera propriedades de transformação CSS
transform-generatorDesign
Decodifica códigos QR de imagens e extrai o texto ou URL contido
qr-code-decoderDesign
Gera códigos QR a partir de URLs ou texto com tamanho e cores personalizáveis
qr-code-generatorDesign
Converter valores de cor RGB para formato HEX para design web
rgb-to-hex-converterDesign
Converter valores de cor RGB para HSL para exibição em tela
rgb-to-hsl-converterDesign
Converter valores de cor RGB para HSV/HSB para manipulação de cores
rgb-to-hsv-converterDesign
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
oklch-color-converter