Previsualiza un emparejamiento de Google Fonts de titular + cuerpo con controles de peso e interlínea, y copia un snippet CSS @import + variables listo para pegar. Registro curado de 22 fuentes y 7 presets.

Design

Playground de valores arbitrarios de Tailwind

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.

Design

Analizador de imagen VP8

Analiza imagenes WebP/VP8 con Sharp, genera un mapa gris de desplazamiento y renderiza un relieve 3D con Three.js

Design

Generador de Transformaciones CSS

Genera propiedades de transformación CSS

Design

Decodificador de Código QR

Decodifica códigos QR de imágenes y extrae el texto o URL contenido

Design

Generador de Código QR

Genera códigos QR desde URLs o texto con tamaño y colores personalizables

Design

Convertidor RGB a HEX

Convertir valores de color RGB a formato HEX para diseño web

Design

Convertidor RGB a HSL

Convertir valores de color RGB a HSL para visualización en pantalla

Design

Convertidor RGB a HSV

Convertir valores de color RGB a HSV/HSB para manipulación de colores

Design

Conversor de Color OKLCH

Convierte entre HEX, RGB, HSL, OKLCH y Display-P3 con la matemática de CSS Color 4, con lectura de luminosidad/croma/tono, comprobación de gamut sRGB y Display-P3, y sugerencia de recorte fuera de gamut