Diseño y estilo

373 herramientas disponibles


Convierte CSS heredado de Internet Explorer a estándares modernos. Transforma automáticamente filtros específicos de IE (opacidad, gradientes), prefijos de proveedor (-ms-), sintaxis antigua de flexbox/grid, hacks de selectores y propiedades propietarias en CSS moderno y limpio.
Ajusta la transición de muelle de Framer Motion con controles deslizantes, previsualiza el movimiento y copia el fragmento listo para usar.
Genera paletas de colores armoniosas usando IA. Describe el estado de ánimo, tema o estilo deseado, y deja que la inteligencia artificial cree un esquema de colores cohesivo con nombres y descripciones para cada color.
Describe un elemento de interfaz con palabras y genera el código CSS correspondiente.
Crea paneles personalizables para Twitch, Discord o redes sociales. Genera imágenes de aspecto profesional para especificaciones de PC, reglas, secciones sobre mí y más con múltiples estilos de diseño.
Genere páginas de prueba de impresión personalizables para calibración de impresoras y pruebas de calidad. Cree páginas con barras de color, degradados de escala de grises, marcas de alineación, muestras de texto y patrones de cuadrícula.
Genera y explora códigos de color CMYK con controles deslizantes interactivos. Crea colores CMYK personalizados o genera combinaciones aleatorias. Perfecto para diseño de impresión, branding y exploración de colores con conversión instantánea a RGB, HEX y otros formatos.
Genera cuadrículas de transparencia CSS personalizables con patrones de tablero de ajedrez para mostrar imágenes y elementos transparentes
Crea pósters desmotivacionales personalizados con bordes negros clásicos y texto
Genere imágenes visuales de atajos de teclado para tutoriales y documentación. Capture combinaciones de teclas, elija el estilo Windows/Mac/Genérico y exporte como PNG, JPG o WEBP. Perfecto para crear guías de ayuda, materiales de capacitación y documentación de software.
Convierte estilos CSS a clases de utilidad de Tailwind CSS al instante. Transforma la sintaxis CSS tradicional en clases Tailwind modernas. Perfecto para migrar proyectos a Tailwind o aprender equivalentes Tailwind de propiedades CSS.
Extrae los colores dominantes de imágenes mediante cuantización de color. Analiza fotos para encontrar su paleta de colores principal.
Cree hermosos gradientes CSS con opciones lineales, radiales y cónicas. Vista previa en tiempo real y copie el código CSS generado.
Crea estilos de texto con degradado, con una vista previa en tiempo real y CSS listo para copiar.
Genera imágenes de reloj analógico personalizables con configuraciones de hora específicas. Descarga como PNG o SVG.
Convierte entre colores Tailwind CSS y formatos habituales como HEX, RGB, HSL. Encuentra la coincidencia de color Tailwind más cercana para cualquier color.
Convertir negativos de película a fotos positivas invirtiendo los colores. Transformar imágenes escaneadas de negativos en fotografías normales y visibles al instante.
Elimina colores específicos de imágenes con tolerancia configurable y suavizado de bordes
Calcula dimensiones de papel para series ISO A, B, C y tamaños estadounidenses en milímetros, centímetros, pulgadas, píxeles y puntos
Genera hojas de color sólido de página completa para imprimir. Elige cualquier color, selecciona el tamaño y orientación del papel, e imprime o descarga como HTML.
Crea hermosas imágenes de citas con fondos personalizados, fuentes y estilos para redes sociales
Crea capturas de pantalla profesionales para Chrome Web Store con marcos de navegador, texto promocional y fondos personalizados para listados de extensiones
Carga un archivo de cursor personalizado (.cur, .ani, .png, .svg, .ico) y prueba cómo se ve en un área de vista previa en vivo.
Encuentra instantáneamente el nombre de color CSS para cualquier color. Selecciona cualquier valor HEX, RGB o HSL y descubre su color nombrado W3C/CSS más cercano con precisión perceptual.