Generador de Paleta de Colores

Monocromática: distintos tonos de un mismo color. Análoga: colores adyacentes en el círculo cromático (aspecto cohesivo). Complementaria: colores opuestos en el círculo (alto contraste). Triádica: tres colores equidistantes (equilibrio vibrante). Tetrádica/Cuadrada: cuatro colores equidistantes (rica y compleja). Complementaria Dividida: un color y los dos vecinos de su complementario (más fácil de equilibrar que la complementaria pura).

Sube una foto, captura de pantalla o cualquier imagen (JPG, PNG, GIF, WebP de hasta 10MB). La herramienta analiza los colores de los píxeles en tu navegador con el método que elijas: Colores Dominantes, Colores Promedio o Colores Vibrantes. Todo se ejecuta en el lado del cliente: ninguna imagen se sube a ningún servidor.

Gradiente lineal: los colores hacen la transición en línea recta con el ángulo indicado. Gradiente radial: los colores se expanden desde un punto central hacia el exterior. Gradiente cónico: los colores rotan alrededor de un punto central como un círculo cromático. Los tres generan un valor de propiedad CSS background.

Propiedades personalizadas CSS (--color-primary: #FF6B6B), JSON (array de objetos de color con todos los valores de formato) y copia al portapapeles para colores individuales. Las variables CSS se pegan directamente en el bloque :root de tu hoja de estilos. JSON es útil para design tokens.

HSL son las siglas de Hue (matiz, 0-360°), Saturation (saturación, 0-100%) y Lightness (luminosidad, 0-100%). A diferencia de RGB, HSL es intuitivo: para aclarar un color, aumenta la Luminosidad; para reducir su saturación, disminuye la Saturación. Se corresponde directamente con la forma en que los diseñadores piensan en las relaciones de color.

CMYK (Cyan, Magenta, Yellow, Key/Black) es el modelo de color usado en impresión. RGB es para pantallas; CMYK es para impresoras. Si preparas diseños para impresión física, tu proveedor necesitará los valores CMYK. Ten en cuenta que la conversión es aproximada, ya que los espacios de color RGB y CMYK no cubren rangos idénticos.

No. Todas las conversiones de color, la generación de paletas, la creación de gradientes y el análisis de imágenes se ejecutan localmente en tu navegador mediante JavaScript. Tus imágenes y datos de color nunca abandonan tu dispositivo.