Diseño
Campo Diseño
Colores, gradientes y paletas para quienes diseñan.
Todas las herramientas de este campo se usan igual: misma interfaz, misma rapidez. Aprende una y ya las conoces todas.
- 10 herramientas disponibles
- Sin registro
- Directo en tu navegador
Conversor de Color: HEX, RGB, HSL
Convierte colores entre HEX, RGB y HSL online. Pega cualquier formato y obtén los demás al instante. Gratis, sin subidas y en tu navegador.
Generador de Gradientes CSS
Crea gradientes CSS online con vista previa en vivo: lineal, radial y cónico. Copia el código para tu fondo, gratis y en tu navegador.
Generador de Paletas de Color
Genera paletas de color armónicas a partir de cualquier color base: análogas, complementarias y más. Gratis, en tu navegador, listas para copiar.
Verificar Contraste de Color (WCAG)
Comprueba el contraste de color WCAG entre texto y fondo, con vistas previas en vivo, resultado aprobado o suspenso y sugerencias accesibles.
Generador de sombras CSS
Crea una sombra box-shadow en CSS con vista previa: ajusta el desplazamiento, el desenfoque, la expansión, el color y la opacidad, y copia el código. Gratis y en tu navegador.
Generador de border radius CSS
Crea un border-radius en CSS con vista previa: redondea cada esquina por separado en píxeles o porcentaje y copia el código. Gratis y en tu navegador.
Calculadora de relación de aspecto
Descubre la relación de aspecto exacta de cualquier tamaño y calcula el ancho o el alto que falta para uno nuevo. Al instante, preciso y en tu navegador.
Mezclador de colores
Mezcla dos colores en la proporción que quieras y obtén el resultado en HEX, RGB y HSL. Mezcla en luz lineal, así la mezcla no sale apagada.
Generador de sombra de texto
Construye un text-shadow de CSS y míralo sobre claro y sobre oscuro a la vez. Copia la declaración cuando quede bien.
Generador de escala tipográfica
Crea una escala tipográfica modular a partir de un tamaño base y una proporción, mírala y cópiala como variables CSS.
Explora otros campos
Date una vuelta por la granja, campo a campo.
Campo Desarrollo
Desarrollo
Herramientas para tu día a día como desarrollador: Regex, JSON, UUIDs y más.
Campo Imagen
Imagen
Convierte, redimensiona y comprime imágenes sin salir del navegador.
Campo Texto
Texto
Herramientas para analizar, comparar y transformar texto rápidamente.
Campo Datos
Datos
Convierte y transforma datos estructurados.
Campo Documentos
Documentos
Une, separa y convierte documentos.
Campo SEO
SEO
Herramientas para analizar, optimizar y mejorar la visibilidad de tus proyectos.
Campo Multimedia
Multimedia
Convierte, recorta y trabaja con archivos de audio y vídeo.