🎨 Diseño y herramientas visuales · 28 Tools · Free · No Signup
Diseño y herramientas visuales
Color tools, CSS generators, and visual design utilities for web developers and designers.
Browse by Tag
🎨
Featured Diseño y herramientas visuales
Top PicksGenerador de sombras de cajas
Genera una sombra de caja CSS con vista previa visual y salida de código.
Generador de cristalmorfosis CSS
Crea efectos de vidrio esmerilado con el filtro de fondo CSS.
Comprobador de contraste de color
Compruebe las relaciones de contraste de color para garantizar el cumplimiento de las directrices de accesibilidad WCAG.
Selector de color
Selecciona los colores visualmente y obtén los valores HEX, RGB y HSL.
Generador de gradientes
Crea hermosos degradados CSS con múltiples puntos de color.
All
All Diseño y herramientas visuales
28 toolsGenerador de sombras de cajas
Genera una sombra de caja CSS con vista previa visual y salida de código.
Generador de cristalmorfosis CSS
Crea efectos de vidrio esmerilado con el filtro de fondo CSS.
Comprobador de contraste de color
Compruebe las relaciones de contraste de color para garantizar el cumplimiento de las directrices de accesibilidad WCAG.
Selector de color
Selecciona los colores visualmente y obtén los valores HEX, RGB y HSL.
Generador de gradientes
Crea hermosos degradados CSS con múltiples puntos de color.
Generador de radio de borde
Genera un borde redondeado CSS con vista previa visual de las esquinas.
Generador de botones CSS
Diseña y genera botones CSS con vista previa en tiempo real.
Selector de emojis
Busca y copia cualquier emoji de una lista completa de más de 3000 emojis.
Convertidor HEX a RGB
Convierte los códigos de color hexadecimales a valores RGB.
Extractor de color de imagen
Extrae la paleta de colores dominante de cualquier imagen.
Imagen a arte ASCII
Convierte cualquier imagen a arte ASCII. Ancho y densidad de caracteres ajustables.
Convertidor de píxeles a REM
Convierte los valores de píxeles a unidades REM en función del tamaño de fuente raíz.
Convertidor RGB a HEX
Convierte los valores de color RGB a códigos de color hexadecimales.
Calculadora de relación de aspecto
Calcula el ancho, la altura o la proporción para relaciones de aspecto comunes (16:9, 4:3, 1:1, etc.).
Generador de animaciones CSS
Genera visualmente animaciones de fotogramas clave CSS y copia el código.
Generador de rutas de recorte CSS
Crea formas CSS con trazado de recorte mediante un editor visual.
Generador de neumorfismos CSS
Genera elementos de diseño de interfaz de usuario suaves (neumórficos) con CSS.
Campo de pruebas de transformación CSS
Experimenta con las transformaciones CSS: rotar, escalar, inclinar, trasladar.
Simulador de daltonismo
Simula cómo se ven tus diseños para personas con diferentes tipos de daltonismo.
Generador de favicon
Crea iconos de página basados en texto con colores y fuentes personalizadas.
Previsualizador de emparejamiento de fuentes
Obtén una vista previa de las combinaciones de fuentes de Google para tus proyectos de diseño.
Herramienta de vista previa de fuentes
Previsualiza y compara las fuentes de Google con texto y estilos personalizados.
Convertidor HSL
Convierte entre formatos de color HSL, RGB y HEX.
Generador de marcadores de posición de imagen
Genera imágenes de marcador de posición con dimensiones y colores personalizados.
Convertidor REM a PX
Convierte las unidades REM a valores de píxeles en función del tamaño de fuente raíz.
Generador de formas SVG
Genera formas SVG con propiedades y código personalizables.
Anotador de capturas de pantalla
Sube capturas de pantalla y añádeles anotaciones con flechas, recuadros, texto y resaltados.
Añade marcas de agua
Añade marcas de agua de texto o imagen a tus fotos. Todo el procesamiento se realiza en el navegador.
Seguridad y codificación
21 tools — Password generators, hash functions, encoding tools, and security util...
Texto y escritura
32 tools — Text manipulation, formatting, counting, and conversion tools for writ...
Herramientas para desarrolladores
37 tools — Code formatting, validation, conversion, and developer productivity to...
Matemáticas y calculadoras
22 tools — Mathematical calculations, unit conversions, financial calculators, an...
Generadores y utilidades
20 tools — Random generators, fake data creators, and utility tools for various p...
Productividad y uso diario
22 tools — Personal productivity tools, timers, planners, and organizational util...
Red y utilidades web
15 tools — Browser information, network utilities, and web development testing to...
Juegos interactivos
37 tools — Browser-based games, tests, and interactive challenges. All run locall...
Juegos de lógica
60 tools — Strategy, logic, and puzzle games to challenge your mind. All games ru...
Conversión de archivos
50 tools — Convert images, documents, data and media locally in your browser. No ...
Finanzas y presupuesto
8 tools — Financial calculators, budget planners, investment tools, and money ut...
Música y audio
8 tools — Metronome, instrument tuner, chord generator, and music theory tools. ...
Salud y fitness
9 tools — Health calculators, fitness tools, and wellness utilities to help you ...
Comida y nutrición
6 tools — Cooking measurements, nutrition calculators, diet planning tools, and ...
Carrera y negocios
5 tools — Salary tools, invoice generators, freelance calculators, and business ...
Viajes y geografía
5 tools — Time zones, jet lag calculators, travel budgets, and geography tools f...
Hogar y vida
4 tools — Home improvement calculators, electricity costs, paint estimators, and...
Mindfulness y bienestar
4 tools — Meditation timers, breathing exercises, mood tracking, and wellness to...
Crianza y niños
4 tools — Pregnancy calculators, baby sleep schedules, child growth tracking, an...
Finanzas de Israel
4 tools — Israeli tax calculators, net salary (neto/bruto), Bituach Leumi, and l...
Ecología y medio ambiente
4 tools — Carbon footprint, water usage, energy savings, and sustainability calc...
Creatividad y arte
4 tools — Story generators, color tools, writing aids, and creative prompts for ...
Aprendizaje y academia
5 tools — GPA calculators, grade converters, study schedules, and academic tools...