Editor gratuito de paletas de colores OKLCH
Paletadecolor.es es un editor gratuito de paletas de colores OKLCH para diseñadores, desarrolladores y equipos de marca. Permite crear rampas de 11 stops, verificar contraste WCAG y exportar colores a CSS, Tailwind, JSON, SVG, PNG y PDF.
¿Qué puedes hacer con Paletadecolor.es?
Crear y editar paletas en OKLCH, HEX, RGB, HSL y CMYK; generar rampas de 11 tonos por matiz; comprobar el contraste WCAG AA/AAA; simular daltonismo; extraer colores de una imagen; y exportar a CSS, Tailwind, JSON, SVG, PNG y PDF.
Ideal para
- Diseñadores de producto y UI que necesitan design tokens consistentes.
- Desarrolladores que exportan variables CSS o configuraciones de Tailwind.
- Equipos de marca que definen colores primarios, secundarios y de acento accesibles.
Modelos de color: HEX, RGB, HSL, CMYK y OKLCH
HEX y RGB describen color para pantalla; HSL facilita ajustes de matiz, saturación y luminosidad; CMYK orienta la impresión; y OKLCH es un espacio perceptualmente uniforme que mantiene constante la luminosidad al variar el matiz, ideal para construir rampas y verificar contraste con fiabilidad.
Cómo crear una paleta de colores OKLCH paso a paso
- Elige un color base por matiz, saturación y luminosidad.
- Aplica una armonía (análoga, complementaria, triádica) o genera una rampa de 11 stops.
- Comprueba el contraste WCAG entre texto y fondo.
- Ajusta luminosidad y croma en OKLCH para mantener coherencia.
- Exporta a CSS, Tailwind, JSON, SVG, PNG o PDF.
Guías relacionadas
FAQ — Editor de paletas OKLCH
¿Qué es una paleta de colores?
Un conjunto coherente de colores que se usan juntos en un diseño: normalmente un color base, acentos y neutros, elegidos para transmitir una identidad y mantener legibilidad.
¿Cómo elegir una paleta de colores para mi marca?
Parte de un color principal que represente a la marca, añade 1–2 acentos y una escala de neutros, y valida el contraste de texto sobre fondo en WCAG AA. En colores de marca lo explicamos con ejemplos.
¿Qué diferencia hay entre HEX, RGB, HSL y CMYK?
HEX y RGB son notaciones para pantalla, HSL describe matiz/saturación/luminosidad para ajustes intuitivos, y CMYK es para impresión. OKLCH añade uniformidad perceptual.
¿Cuántos colores debe tener una paleta?
Una paleta funcional suele tener entre 3 y 6 colores principales más una escala de neutros; demasiados colores dificultan la coherencia.
¿Qué son los colores complementarios, análogos y triádicos?
Complementarios están opuestos en la rueda de color; análogos son contiguos; triádicos forman un triángulo equilátero. Son esquemas de armonía clásicos.
¿Cómo extraer una paleta de una imagen?
Sube una imagen y la herramienta analiza sus píxeles para extraer los colores dominantes, que puedes ajustar y exportar.
¿Qué paletas de colores están de moda en 2026?
Consulta nuestra guía de tendencias de color 2026 con paletas inspiradas en el color del año.
¿Cómo verificar el contraste de accesibilidad WCAG?
La herramienta calcula el ratio de contraste entre texto y fondo e indica si cumple AA (4.5:1) o AAA (7:1). Más detalle en contraste WCAG.
¿Puedo usar estas paletas comercialmente?
Sí. Los colores y las exportaciones que generes son libres de usar en proyectos personales y comerciales.
¿Cómo guardar y exportar una paleta?
Guarda la paleta en tu navegador y expórtala a CSS, Tailwind, JSON, SVG, PNG o PDF desde el menú de exportación.
Abrir el editor de paletas · Sobre nosotros