Design
Converter valores de cor XYZ para HEX para exibição em tela
xyz-to-hex-converterDesign
Converter valores de cor XYZ para HSL para exibição em tela
xyz-to-hsl-converterDesign
Converter valores de cor XYZ para LAB para gerenciamento de cor
xyz-to-lab-converterDesign
Converter valores de cor XYZ para RGB para exibição em tela
xyz-to-rgb-converterDesign
Converter valores de cor XYZ para HSV/HSB para manipulação de cores
xyz-to-hsv-converterDesign
Captura uma página pública e exporta cores, tipografia, espaçamentos e componentes observados com uma imagem.
website-design-style-extractorDesign
Envie uma fonte variável (TTF/OTF/WOFF/WOFF2) para inspecionar seus eixos fvar e instâncias nomeadas, pré-visualizar a interpolação ao vivo no navegador e gerar CSS font-variation-settings pronto para colar, as propriedades de alto nível equivalentes e um bloco @font-face variável.
variable-font-axis-instance-and-css-font-variation-settings-builderDesign
Gera propriedades de transformação CSS
transform-generatorDesign
Gera propriedades de sombra de texto CSS
text-shadow-generatorDesign
Percorra um caminho SVG comando a comando (M/L/H/V/C/S/Q/T/A/Z) — comprimentos de arco por segmento, distâncias cumulativas de stroke-dashoffset, caixas delimitadoras por subcaminho, vetores de controle cúbicos, resolução de flags de arco e alinhamento caminho-vs-viewBox.
svg-path-data-cubic-quadratic-and-arc-command-length-walkerDesign
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
Crie uma roleta, raspadinha ou caixa surpresa. Demonstração local ou API própria, sem serviço de entrega de prêmios.
store-promotion-giveaway-widget-generator