Design
Convertir valores de color XYZ a HSV/HSB para manipulación de colores
xyz-to-hsv-converterDesign
Convertir valores de color XYZ a HSL para visualización en pantalla
xyz-to-hsl-converterDesign
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.
webfont-pairing-labDesign
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
Analiza imagenes WebP/VP8 con Sharp, genera un mapa gris de desplazamiento y renderiza un relieve 3D con Three.js
vp8-image-analyzerDesign
Genera propiedades de transformación CSS
transform-generatorDesign
Decodifica códigos QR de imágenes y extrae el texto o URL contenido
qr-code-decoderDesign
Genera códigos QR desde URLs o texto con tamaño y colores personalizables
qr-code-generatorDesign
Convertir valores de color RGB a formato HEX para diseño web
rgb-to-hex-converterDesign
Convertir valores de color RGB a HSL para visualización en pantalla
rgb-to-hsl-converterDesign
Convertir valores de color RGB a HSV/HSB para manipulación de colores
rgb-to-hsv-converterDesign
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
oklch-color-converter