Design
Convertir valores de color XYZ a HEX para visualización en pantalla
xyz-to-hex-converterDesign
Convertir valores de color XYZ a HSL para visualización en pantalla
xyz-to-hsl-converterDesign
Convertir valores de color XYZ a LAB para gestión de color
xyz-to-lab-converterDesign
Convertir valores de color XYZ a RGB para visualización en pantalla
xyz-to-rgb-converterDesign
Convertir valores de color XYZ a HSV/HSB para manipulación de colores
xyz-to-hsv-converterDesign
Captura una página pública y exporta los colores, la tipografía, los espacios y los componentes observados junto con una imagen.
website-design-style-extractorDesign
Sube una fuente variable (TTF/OTF/WOFF/WOFF2) para inspeccionar sus ejes fvar e instancias con nombre, previsualizar la interpolación en vivo en el navegador y generar CSS font-variation-settings listo para pegar, las propiedades de alto nivel equivalentes y un bloque @font-face variable.
variable-font-axis-instance-and-css-font-variation-settings-builderDesign
Genera propiedades de transformación CSS
transform-generatorDesign
Genera propiedades de sombra de texto CSS
text-shadow-generatorDesign
Recorre una ruta SVG comando a comando (M/L/H/V/C/S/Q/T/A/Z) — longitud de arco por segmento, distancias acumuladas de stroke-dashoffset, cajas delimitadoras por subtrazado, vectores de control cúbicos, resolución de flags de arco y alineación ruta-vs-viewBox.
svg-path-data-cubic-quadratic-and-arc-command-length-walkerDesign
Pega clases de Tailwind que usan valores arbitrarios (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) e inspecciona el CSS generado, con una vista previa visual en vivo, detección de pistas de tipo de dato y una explicación de cada traducción. Útil para depurar calc(), variables CSS y valores puntuales fuera de la escala de tokens.
tailwind-arbitrary-value-playgroundDesign
Diseña y exporta una ruleta, tarjeta para rascar o caja sorpresa. Demostración local o API propia; sin premios alojados.
store-promotion-giveaway-widget-generator