Herramientas gratuitas de diseño web
Explora todos los conversores y generadores de WPDean en español. Crea estilos CSS, prepara HTML, convierte colores y calcula medidas con las herramientas de esta página.
Generador de paletas de colores accesibles
Este generador de paletas de colores accesibles convierte un color base en una paleta de cinco colores. Para cada uno, indica si el texto blanco o negro sobre ese fondo cumple los umbrales de contraste de las WCAG. Elige un color y un tipo de paleta y revisa los indicadores.
Generador de clip-path CSS
Mueve los puntos y copia el código. Este generador de clip-path en CSS es un editor visual de polígonos: mueve los controles de la vista previa y el valor de clip-path que aparece debajo se actualizará al instante. Las medidas se expresan en porcentajes para que la forma cambie de tamaño junto con el elemento al que la apliques.
Conversor de CM a PX
Este convertidor de CM a PX transforma centímetros en píxeles al instante según la configuración de DPI que elijas. Los diseñadores y desarrolladores cambian constantemente entre unidades para impresión y pantalla. Esta herramienta facilita ese proceso.
Conversor de CMYK a RGB
Este convertidor de CMYK a RGB transforma los porcentajes CMYK de cian, magenta, amarillo y negro en valores RGB y HEX para proyectos de diseño digital mediante la fórmula de conversión estándar.
Buscador de nombres de colores
Este buscador de nombres de colores te dice cómo se llama un color de una imagen. Sube una imagen y coloca el cursor sobre cualquier píxel: el panel mostrará el color con nombre más cercano, su código hexadecimal y sus valores RGB. La imagen permanece en tu navegador.
Generador de border-radius CSS
El generador de border-radius en CSS es una herramienta gratuita que funciona en el navegador y permite crear y previsualizar visualmente los valores de redondeo de las esquinas sin escribir una sola línea de código.
Generador de box-shadow CSS
Este generador de box-shadow en CSS es una herramienta gratuita que funciona en el navegador y permite crear y exportar visualmente sombras de elementos sin escribir una sola línea de código.
Calculadora de clamp() CSS
Esta calculadora de clamp en CSS genera valores precisos de clamp() que se adaptan de forma fluida al tamaño de la pantalla, sin tener que adivinarlos.
Generador de efecto vidrio CSS
Este generador de glassmorphism en CSS crea el efecto de vidrio esmerilado con cuatro controles deslizantes y te entrega el CSS. La vista previa aplica los mismos valores a una tarjeta y a una ventana modal, sobre formas flotantes que permiten apreciar el desenfoque.
Fondos con degradados CSS
Un fondo degradado en CSS es una imagen generada mediante funciones nativas de CSS, sin necesidad de un archivo de imagen externo.
Generador de animaciones CSS
Un generador visual de animaciones con fotogramas clave en CSS que permite crear, previsualizar y exportar CSS con @keyframes listo para usar en producción, sin escribir una sola línea de código.
Generador de indicadores de carga CSS
Este generador de indicadores de carga en CSS escribe el CSS de una animación de carga para que no tengas que programar los fotogramas clave a mano. Elige un indicador, ajusta tres controles y copia el resultado. Todos los indicadores usan únicamente CSS: sin JavaScript, imágenes ni dependencias.
Generador de text-shadow CSS
Este generador de sombras de texto en CSS permite diseñar y exportar efectos de sombra de texto desde el navegador sin escribir una sola línea de código.
Generador de texto con efecto glitch
Este generador de texto con efecto glitch transforma una línea de texto en un efecto glitch animado con CSS y te entrega el HTML y el CSS para reproducirlo. Todo funciona en tu navegador. No se sube ningún dato.
HEX a RGB: conversor de colores
Convierte códigos de color hexadecimales en valores RGB al instante con nuestro convertidor de HEX a RGB. Una herramienta clara y moderna para diseñadores y desarrolladores.
Conversor de HSL a RGB
Este convertidor de HSL a RGB transforma valores de color HSL en varios formatos al instante. Ajusta el tono, la saturación, la luminosidad y el canal alfa con controles deslizantes precisos o campos numéricos. Después, haz clic en cualquier resultado para copiarlo.
Generador de formularios HTML
Este generador de formularios HTML permite crear y exportar formularios HTML listos para producción sin escribir una sola línea de código. Diseña el formulario visualmente, revisa el resultado en tiempo real y copia un marcado limpio en segundos.
Generador de tablas HTML
El generador de tablas HTML es una herramienta que funciona en el navegador y permite crear tablas HTML listas para producción sin escribir una sola línea de código.
Conversor de HTML a texto
Transforma código HTML en texto limpio y legible. Este ligero convertidor de HTML a texto procesa el marcado con el analizador HTML del propio navegador, elimina las etiquetas y devuelve el texto que contienen.
Conversor de Markdown a HTML
Este convertidor de Markdown a HTML transforma Markdown sencillo en HTML limpio y listo para usar mientras escribes. Un pequeño analizador de Markdown funciona dentro de tu navegador, por lo que no se envía ningún dato a un servidor.
Conversor de PT a CM
Este convertidor de PT a CM transforma puntos tipográficos en centímetros y viceversa de forma rápida, directamente en el navegador.
PX a CM: píxeles a centímetros
Este convertidor de PX a CM transforma píxeles en centímetros y viceversa de forma rápida, directamente en el navegador.
Conversor de PX a pulgadas
Este convertidor de PX a pulgadas transforma al instante valores en píxeles en medidas físicas expresadas en pulgadas, con cualquier configuración de DPI.
Conversor de PX a PT
Este convertidor de PX a PT es una herramienta ligera que funciona en el navegador y convierte al instante entre píxeles y puntos para proyectos de pantalla e impresión.
RGB a HEX: conversor de colores
Un convertidor sencillo de RGB a HEX. Transforma valores RGB al formato hexadecimal al instante.
Conversor de RGB a CMYK
Convierte colores al instante entre formatos digitales (RGB) y de impresión (CMYK) con nuestro convertidor de RGB a CMYK.
Conversor de RGB a HSL
Este convertidor de RGB a HSL transforma valores RGB (rojo, verde y azul) en HSL (tono, saturación y luminosidad) y HEX al instante. Está diseñado para diseñadores, desarrolladores y cualquier persona que trabaje con sistemas de color.
Generador de ondas SVG
Este generador de ondas SVG crea fondos de ondas por capas para secciones principales, separadores de secciones y tarjetas, y te entrega el código SVG. Cada capa es un trazado independiente que controlas con deslizadores. No necesitas software de diseño y ningún dato sale de tu navegador.
Conversor de Word a HTML
Pega desde Word y copia HTML limpio. Este convertidor de Word a HTML trabaja con el portapapeles: pega texto con formato de Microsoft Word, Google Docs o cualquier editor de texto enriquecido en el panel izquierdo. El panel derecho mostrará el HTML correspondiente mientras escribes.