Barra espaciadora
Genera una paleta nueva con cada toque; Ctrl + Z vuelve a la anterior.
HERRAMIENTA · OKLCH · CSS Y TAILWIND
De "me gustan estos colores" a un sistema de color.
Genera una paleta con la barra espaciadora, bloquea lo que te gusta y conviértela en escalas completas, revisadas con contraste accesible y probadas en una interfaz real. Luego pega el código en tu proyecto o abre las muestras en Illustrator.
$2.00
USD · Pago único
- 9 armonías
- Paleta desde una foto
- Escalas 50–950
- CSS · Tailwind · .ase
Captura real · barra espaciadora para generar, candado para conservar
11Tonos por color, del 50 al 950
6Formatos de código
3Archivos: PNG, Adobe .ase y .gpl
$2Pago único · sin suscripción
Escalas
Cada color, en once tonos que avanzan parejo.
Calculadas en OKLCH, el espacio de color que usan los navegadores modernos: los tonos claros no se lavan y los oscuros no se ensucian. Tu color queda en el paso que le corresponde.
Desde una foto
Los colores de tu producto, en un clic.
Sube la foto de tu producto, tu local o tu logo y la herramienta toma sus colores principales, ordenados de oscuro a claro.
Vista previa
Mírala en una interfaz antes de usarla.
Elige qué color es fondo, texto, primario y acento, y ve la página en modo claro y oscuro. Si el texto o el botón se leen mal, te avisa.
Contraste
Accesible sin hacer cuentas.
Todas las combinaciones de texto y fondo con su relación de contraste WCAG y si pasan AA, AA grande o AAA.
Exportar
Directo a tu código o a tus programas.
CSS, Tailwind v4 y v3, SCSS, tokens JSON y lista HEX para copiar; PNG, Adobe .ase y .gpl para descargar.
Detalles
Hecho para trabajar rápido.
Todo lo que esperas de un generador de paletas, sin cuenta y sin anuncios.
Bloquear y ajustar
Conserva los colores que te gustan y ajusta cualquiera con el selector.
Color de marca
Parte de tu color base y construye la paleta a su alrededor.
Enlace para compartir
La paleta vive en la dirección de la página: guárdala o envíala.
Nombres en español
Índigo, Terracota, Marfil… nombres claros para tus variables.
Mis paletas
Guarda tus paletas con nombre y vuelve a ellas cuando quieras.
Qué recibes
Todo lo que entra en la herramienta.
La descarga se entrega después de confirmar el pago, nunca desde esta página pública.
La app
- Palette Studio (HTML, CSS y JavaScript)
- 9 armonías, paleta desde foto y escalas OKLCH
- Contraste WCAG y vista previa clara y oscura
Exporta
- CSS, Tailwind v4 y v3, SCSS, JSON y HEX
- PNG, Adobe .ase y .gpl
- Licencia de uso comercial
FAQ
Antes de comprar.
Lo esencial sobre el uso y la licencia.
¿Puedo usar las paletas con mis clientes?
Sí. Las paletas y el código que exportes son tuyos para cualquier proyecto personal o comercial.
¿Funciona con Figma?
Copia los códigos HEX de la paleta o las escalas y pégalos como estilos de color. Para Illustrator, Photoshop e InDesign usa el archivo .ase.
¿Necesito internet o una cuenta?
No. Abre index.html en tu navegador; todo ocurre en tu computadora.
¿Es una suscripción?
No. Son $2.00 USD como pago único, sin cobros recurrentes.
¿Cómo recibo los archivos?
Al terminar el pago vuelves al sitio y la descarga se habilita en segundos en Mi biblioteca. Para descargarla después o desde otro equipo, entra a Mi biblioteca con los datos de tu compra. Si algo falla, escríbenos desde Contacto.