Diseño y estilo

41 herramientas disponibles


Añade marcas de agua de texto personalizadas a tus imágenes. Protege tus fotos con texto de derechos de autor, branding o firmas. Personaliza el color del texto, el trazo, el fondo y la posición. Vista previa en tiempo real y descarga las imágenes con marca de agua al instante.
Genera efectos realistas de ruido estático de TV con intensidad y modos de color personalizables. Crea interferencias vintage de pantalla de televisión CRT para videos, fondos o proyectos artísticos.
Genere recibos profesionales con soporte de código de barras. Cree recibos de tienda personalizables con detalles de artículos, precios, cálculos de impuestos y varios formatos de códigos de barras (CODE128, EAN-13, UPC, etc.).
Cree tarjetas de presentación profesionales con diseños personalizables. Genere tarjetas elegantes con su información de contacto, elija entre varios estilos modernos y descargue como PNG o JPEG.
Genere un script de animación de nieve que cae personalizable para sitios web. Configure la cantidad, el color, el tamaño, la velocidad, la opacidad de los copos de nieve, el efecto del viento, el desenfoque y el estilo de animación. Previsualice el efecto en vivo y copie el código JavaScript listo para usar para agregar hermosas animaciones de nieve a cualquier página web.
Genere texto Zalgo con intensidad personalizable. Agregue caracteres Unicode combinados encima, a través y debajo del texto para crear efectos de texto glitcheados, corruptos o espeluznantes.
Calcula la contracción de arcilla para cerámica y alfarería. Encuentra las dimensiones finales después del secado y cocción, o determina qué tamaño hacer para lograr las dimensiones finales deseadas.
Genera sombras CSS.
Genera bordes CSS con vista previa en vivo.
Genera consultas de medios CSS responsivas para puntos de interrupción, tamaños de pantalla, orientaciones y características del dispositivo
Crea efectos CSS scroll snap con vista previa en vivo. Genera contenedores de desplazamiento con puntos de ajuste para carruseles, controles deslizantes e interfaces de desplazamiento suave
Verifica las proporciones de contraste de color para el cumplimiento de la accesibilidad.
Genere colores complementarios y complementarios divididos desde cualquier color de entrada. Perfecto para crear esquemas de color armoniosos basados en la teoría del color.
Genera conversaciones de chat falsas para maquetas, demostraciones y propósitos de diseño.
Rellena toda tu pantalla con cualquier color
Calcule las dimensiones faltantes desde la relación de aspecto. Ingrese una relación y una dimensión para encontrar la otra.
Ordena una lista de colores según diferentes criterios como matiz, saturación, luminosidad o valores RGB.
Calcule el color promedio de múltiples colores de entrada utilizando diferentes modos de espacio de color (RGB, LAB, LCH, HSL).
Aplique un efecto de filtro sepia a las imágenes con intensidad ajustable
Mezcla colores para crear nuevos colores.
Aclara un color por un factor especificado.
Oscurece un color por un factor especificado.
Genera múltiples sombras y matices a partir de un color base.
Calcula la diferencia perceptual entre dos colores utilizando la fórmula Delta E (ΔE) 2000. Compara colores y mide qué tan similares o diferentes aparecen al ojo humano.
Valide códigos de color hexadecimales, detecte el tipo de formato y vea información detallada del color con valores RGB y HSL.
Genera filtros CSS para imágenes con vista previa en vivo.
Genera filtros CSS de fondo con vista previa en vivo.
Calcula y visualiza la curvatura del monitor a partir de las especificaciones.
Genera imágenes de marcador de posición SVG personalizables con texto, colores y dimensiones para desarrollo web y maquetas de diseño.
Compara y convierte grados de lápiz de grafito entre diferentes marcas y escalas (HB, numérica, Staedtler, Faber-Castell, Derwent).
Convierta entre unidades de longitud CSS, incluidos píxeles (px), centímetros (cm), milímetros (mm), pulgadas (in), puntos (pt) y picas (pc).
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.
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.