Diseño

Generador de Paleta de Colores

Crea paletas de cinco colores con seis armonías, controles de color perceptuales y verificación de contraste de texto.

OKLCH
Círculo de tonos

Arrastra por el círculo o mueve el control de tono. La luminosidad y el croma se ajustan de forma independiente.

Cómo se construye la paleta

Los colores análogos usan ángulos de tono cercanos; los colores complementarios usan ángulos opuestos. Los esquemas complementarios divididos, triádicos y tetrádicos distribuyen los tonos por el círculo cromático. Las paletas monocromáticas varían la luminosidad en torno a un solo tono. Son puntos de partida para el diseño, no una garantía científica de belleza.

OKLCH separa la claridad percibida, la croma y el matiz. Los colores fuera del rango sRGB se ajustan reduciendo la croma mientras se mantiene la claridad y el matiz. Los colores neutros tienen poco o ningún matiz visible. Las etiquetas de contraste se refieren solo al texto negro o blanco sugerido en cada muestra; la tabla verifica los pares por separado.

Methods: Björn Ottosson, Oklab (2020), W3C CSS Color 4, y Contraste WCAG 2.2. Ninguna paleta por sí sola establece accesibilidad completa.

¿Necesita que el tipo coincida? Convierte tus fuentes.

Cómo usar «Generador de Paleta de Colores»

  1. Ingresa un color HEX de seis dígitos o usa el selector de color.
  2. Elige un color HEX de base y una armonía, y ajusta el tono, la luminosidad o el croma.
  3. Genera tu paleta, revisa el contraste y descarga CSS, JSON o SVG.

Procesa varios archivos

Usa un flujo de trabajo para aplicar la misma configuración a cada archivo.

Formatos y requisitos

Formatos de entrada
texto plano
Salida
JSON, CSS o SVG
Disponibilidad
Gratis en tu navegador y a través del CLI
Archivos por operación
1
Límite de archivos del navegador
128 bytes por archivo, 1 MiB en total

Qué esperar

Paletas OKLCH de cinco colores, con reducción del croma para ajustarse al espacio sRGB y contraste del texto según WCAG. Las reglas de armonía son criterios de diseño, no garantías de accesibilidad.

¿Mis archivos salen de mi dispositivo?

No. Gracias a la tecnología avanzada de procesamiento de archivos, tus archivos se procesan directamente en tu dispositivo, dentro de tu navegador. OneKit no recibe tus archivos ni resultados. Las bibliotecas públicas necesarias para el procesamiento pueden descargarse la primera vez que uses la herramienta.

Privacidad de archivos y procesamiento local →

Instala OneKit

Mantén OneKit en su propia ventana de aplicación, con un acceso directo en tu dispositivo.