Herramientas online gratuitas que funcionan en tu navegador
19 herramientas gratuitas de Color & Design que funcionan al 100% en tu navegador. Sin subidas, sin registro, sin instalación: tus datos nunca salen de tu dispositivo.
Selector de color (Color Picker)
Elige un color y copia al instante sus valores HEX, RGB y HSL. Genera tintes y sombras útiles para fondos, bordes y estados de la interfaz.
Conversor HEX RGB
Convierte colores entre HEX, RGB(A) y HSL(A) con actualización en vivo, compatibilidad con alfa y valores CSS listos para copiar.
Generador de Paletas de Colores
Genera paletas de colores armoniosas a partir de un color base, con esquemas complementarios, análogos, triádicos y monocromáticos, en tu navegador.
Generador de degradados CSS
Crea degradados CSS lineales y radiales con varias paradas de color, vista previa en vivo y código CSS background listo para copiar.
Generador de Box Shadow
Diseña sombras CSS box-shadow con controles deslizantes para desplazamiento, desenfoque, extensión, color, opacidad e inset, con vista previa en vivo.
Comprobador de contraste (Contrast Checker)
Comprueba la relación de contraste WCAG entre el color del texto y el fondo, con resultados AA y AAA de aprobado o suspenso y vista previa en vivo.
Generador de tonos Tailwind
Genera una escala de 11 tonos al estilo Tailwind (50-950) a partir de un color HEX base, con variables CSS y JSON listos para copiar.
Generador de filtros CSS
Crea efectos CSS filter() de forma visual con controles deslizantes de desenfoque, brillo, contraste, escala de grises, rotación de tono y más.
Generador de Border Radius
Diseña valores CSS border-radius estándar y elípticos con vista previa en vivo y código CSS listo para copiar, todo en tu navegador.
Generador de Glassmorphism
Crea CSS de tarjetas de cristal esmerilado con controles de desenfoque, transparencia, tinte, borde y radio, todo directamente en tu navegador.
Generador de Neumorfismo
Genera CSS neumórfico de soft UI con sombras emparejadas, color de superficie, radio y formas planas, cóncavas o convexas, directamente en tu navegador.
Generador de Duotono
Aplica un efecto duotono de dos colores a una imagen en tu navegador y exporta el resultado como PNG, sin subir nada a ningún servidor.
Mezclador de colores — Mezcla dos colores
Mezcla dos colores con la proporción RGB que elijas y copia los valores HEX, RGB y HSL del resultado directamente en tu navegador.
Buscador de nombres de color CSS
Encuentra el nombre de color CSS más cercano a cualquier valor HEX mediante distancia RGB, con muestras de color y botones para copiar.
Generador de temas CSS
Elige los colores de tu marca y genera un tema :root con propiedades personalizadas CSS en el cliente, con tokens derivados de hover, borde y superficie.
Generador de ondas SVG
Crea ondas SVG por capas con amplitud, complejidad, suavidad y colores ajustables. Copia el SVG o el CSS, o descarga SVG y PNG.
Generador de blobs
Genera blobs SVG orgánicos aleatorios con puntos, aleatoriedad, rellenos degradados y contornos ajustables. Copia el SVG o descarga el PNG.
Generador de mesh gradient
Crea mesh gradients con 3 a 6 puntos de color arrastrables, desenfoque y ruido. Copia el CSS o descarga una imagen PNG.
Generador de clip-path CSS
Edita visualmente formas clip-path de CSS con preajustes, puntos de polígono arrastrables y controles deslizantes. Copia el CSS de clip-path.