Textile & Yarn Converter Cross-reference knitting needle sizes, crochet hook sizes, and yarn weight categories across US, UK/Canada, metric, and Japanese standards in one place. Useful when a pattern from one country lists a needle or yarn name that does not match what is printed on your local supplies. How to Use Pick a category ...
Pruebe la herramienta »Generador de texto con gradiente CSS Diseña efectos de texto llamativos con gradientes de múltiples colores y código CSS listo para producción en un solo clic. Elige tus colores, selecciona lineal o radial, observa la actualización en tiempo real del previsualizador, luego copia el fragmento en tu hoja de estilo. Cómo usar Escribe el texto de ejemplo que deseas ver. Configura el tamaño y el peso de la fuente...
Pruebe la herramienta »Generador de imagen de tarjeta social Open Graph Diseña imágenes de compartir perfectas en píxeles para Open Graph, Twitter Cards, LinkedIn y Facebook directamente en tu navegador. Escribe tu título, descripción y nombre del sitio, elige un diseño y un tema, luego descarga un PNG, JPG o WebP en las dimensiones exactas que cada plataforma exige — sin necesidad de herramientas de diseño ni subida...
Pruebe la herramienta »Generador de CSS Neumóforo Crea elementos de interfaz suaves y con efecto de saliente "neumóforo" sin necesidad de ajustar manualmente dos sombras de caja opuestas. Elige un color base, selecciona una forma (plana, cóncava, convexa o presionada), arrastra los deslizadores para distancia, intensidad, borde y ángulo de luz, luego copia el CSS generado directamente en tu proyecto. Cómo usar Elige un color de fondo. El mismo color...
Pruebe la herramienta »Generador de tonos y tonalidades de color Elige un color en formato hex o RGB y obtén inmediatamente 10 tonos (tu color mezclado hacia el blanco) y 10 tonalidades (mezcladas hacia el negro) como muestras visuales. Haz clic en cualquier muestra para copiar su código en formato hex, o exporta el conjunto completo como propiedades personalizadas de CSS, variables de SCSS, JSON o una lista simple de hex. ...
Pruebe la herramienta »Generador de escalas de colores de Tailwind CSS Pega un solo color en formato hexadecimal y obtén inmediatamente una paleta completa de 50 a 950 en estilo Tailwind con pasos perceptivamente equilibrados. La escala se construye en el espacio de color OKLCH, por lo que cada paso se siente como un salto equilibrado en la luminosidad para el ojo humano — no solo una caída lineal en RGB o HSL. ...
Pruebe la herramienta »Canvas de Arte en Píxeles & Exportación en CSS Pintar sprites en estilo de 8 bits con precisión directamente en su navegador y exportarlos como arte de sombras de cajas en CSS, SVG escalable, PNG rasterizado o JSON portátil. El lienzo se escala desde 8×8 hasta 64×64, incluye paletas clásicas (NES, Game Boy, PICO-8, CGA, Commodore 64, Sweetie 16) y te ofrece pintura, borrador, ...
Pruebe la herramienta »Visualizador y editor de SVG Pega cualquier atributo d de una ruta SVG y veála renderizada en tiempo real. Esta herramienta descompone cada comando en sus parámetros y punto final absoluto, dibuja manejadores de control de Bezier sobre la vista previa y reescribe la ruta entre coordenadas absolutas y relativas con precisión configurable. Está diseñada para autores de SVG...
Pruebe la herramienta »Generador de Flexbox (Visual) Diseña diseños de Flexbox visualmente y copia CSS listo para producir. Ajusta la dirección, alineación, envoltura, espacio y sobrescripciones por elemento mientras una vista en tiempo real se actualiza instantáneamente. Sin adivinanzas, sin viajes a Chrome DevTools — simplemente elige el comportamiento del contenedor que necesitas, observa cómo se renderiza y obtén las reglas generadas. Cómo usar Elige una dirección de flex (fila, ...
Pruebe la herramienta »Generador de Marcas de README El Generador de Marcas de README crea insignias de calidad pixel a pixel en el estilo de Shields.io directamente en su navegador. Elija un modelo predeterminado o cree su propia etiqueta y mensaje, elija colores y un estilo (plano, cuadrado plano, para el logotipo o plástico), y obtenga salida lista para copiar en Markdown, HTML, SVG y URL de datos. Sin llamadas a APIs externos, sin dependencia de red, sin insignias rotas...
Pruebe la herramienta »Generador de animaciones CSS Crea animaciones CSS @keyframes visualmente con una vista en tiempo real. Elige entre 10 presets populares como bounce, shake, pulse, fade in, slide in, spin, swing, rubber band, flash y wobble — o crea tu propia animación de keyframes desde cero. Ajusta el tiempo, la interpolación, el número de iteraciones, la dirección y el modo de relleno, luego copia el ...
Pruebe la herramienta »Calculadora de Especificidad CSS La Calculadora de Especificidad CSS te ayuda a determinar la puntuación exacta de especificidad de cualquier selector de CSS. Comprender la especificidad es fundamental para depurar conflictos de CSS y escribir hojas de estilo mantenibles. Ingresa uno o más selectores y ve inmediatamente sus puntuaciones (a,b,c) comparadas lado a lado. Cómo usar Ingresa un selector de CSS por línea en ...
Pruebe la herramienta »Generador de filtros CSS El Generador de filtros CSS le permite crear efectos de filtro CSS visualmente con una vista previa de imagen en vivo. Ajuste las propiedades de filtro individuales utilizando controles deslizantes intuitivos y vea los resultados al instante, sin necesidad de adivinar. Una vez que esté satisfecho con el aspecto, copie el código CSS generado y péguelo directamente en su hoja de estilo. Cómo usar ...
Pruebe la herramienta »Simulador y verificador de daltonismo. Vea cómo se ven sus imágenes y paletas de colores para personas con deficiencia de visión del color. Simule 8 tipos de DVC y pruebe sus diseños para el cumplimiento del contraste WCAG para garantizar la accesibilidad para todos los usuarios. Cómo usar Cargue una imagen o ingrese valores de color para simular. Seleccione una deficiencia de visión del color ...
Pruebe la herramienta »Generador de CSS Clip-Path Crea visualmente formas de clip-path CSS con un editor intuitivo de arrastrar y soltar. Crea polígonos, círculos, elipses y formas de inserción, luego copia el CSS generado directamente en tus hojas de estilo. Cómo usar Selecciona un tipo de forma o comienza con una plantilla preestablecida. Arrastra los puntos de control para ajustar la forma visualmente en el lienzo de vista previa. El ...
Pruebe la herramienta »Extractor de paleta de colores Cargue cualquier imagen y extraiga instantáneamente su paleta de colores dominante. Utiliza cuantificación de corte medio para identificar los colores más prominentes, proporcionándole valores precisos de HEX, RGB y HSL con porcentajes de uso. Cómo usar Cargue una imagen arrastrando y soltando o haciendo clic en el área de carga. La herramienta analiza automáticamente la imagen ...
Pruebe la herramienta »Convertidor de HSV a RGB Convierte instantáneamente entre los espacios de color HSV (Tono, Saturación, Valor) y RGB con vista previa visual en vivo. Ajusta el tono, la saturación y el valor usando controles deslizantes intuitivos y observa cómo los valores RGB y HEX correspondientes se actualizan en tiempo real. Cómo Usar Ajusta los controles deslizantes HSV — Tono (0-360°), Saturación (0-100%), y Valor (0-100%) — ...
Pruebe la herramienta »Calculadora de Distancia de Color Calcula la diferencia perceptual entre dos colores utilizando las fórmulas estándar de la industria CIE deltaE. Ingresa colores a través de códigos HEX o selectores de color y observa instantáneamente cuán diferentes aparecen al ojo humano, con resultados de tres algoritmos deltaE y una interpretación en lenguaje claro. Cómo Usar Ingresa dos colores usando códigos HEX o el ...
Pruebe la herramienta »Convertidor de LAB a RGB Convierte valores de color CIE L*a*b* a formatos RGB y HEX con precisión científica. Esta herramienta realiza el pipeline completo de transformación de LAB a XYZ a RGB utilizando el iluminante estándar D65 y la corrección gamma sRGB adecuada, con vista previa de color visual y detección fuera de gama. Cómo Usar Ingresa tus valores LAB — L ...
Pruebe la herramienta »Convertidor de Color HEX a Nombre de Color Convierte cualquier código de color HEX a su nombre de color CSS/HTML más cercano al instante. Ingresa un valor hexadecimal o usa el selector de color visual para encontrar el nombre de color que coincida más de los 140 nombres de colores CSS3 estándar, completo con puntuaciones de similitud y comparaciones de muestras lado a lado. Cómo Usar Ingresa un ...
Pruebe la herramienta »Agregue herramientas IO a su navegador favorito para obtener acceso instantáneo y búsquedas más rápidas
Marcador es una forma divertida de llevar un registro de tus juegos, todos los datos se almacenan en tu navegador. ¡Próximamente habrá más funciones!
Actualizar: Nuestro última herramienta was added on May 22, 2026
Ayúdanos a seguir brindando valiosas herramientas gratuitas
