Selector de color y generador de paletas

Lee cualquier color en todas las notaciones a la vez, construye una paleta armónica a su alrededor y cópiala entera en el formato que use tu proyecto.

Selector de color y generador de paletas

Click the color swatch or enter a value in any format — all other fields update instantly.

#6366F1
°
%
%
HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)
HSVhsv(239, 59%, 95%)
CSS--color-primary: #6366F1;
SHADES

🔒 All color processing happens 100% in your browser — no data is sent anywhere.

Por qué usar esta herramienta

Paletas basadas en teoría del color

Los esquemas armónicos nacen de relaciones fijas en el círculo cromático. Los pares complementarios se sitúan enfrentados para lograr el máximo contraste; los conjuntos análogos son contiguos y resultan serenos; los triádicos están repartidos por igual y mantienen viveza sin perder equilibrio.

Preguntas frecuentes

¿Qué significa el código HEX?

Son tres pares de dígitos hexadecimales para rojo, verde y azul, cada uno de 00 a FF. #FF0000 es rojo pleno sin nada de verde ni azul.

¿Cuándo conviene usar HSL en lugar de HEX?

HSL separa tono, saturación y luminosidad, así que crear una escala de tintes o sombras consiste en cambiar un número en vez de adivinar nuevos valores hexadecimales.

¿Las paletas exportadas son accesibles?

El generador muestra las relaciones de contraste para que compruebes cualquier pareja frente al umbral WCAG AA de 4,5:1 para texto corrido antes de publicarla.

Hay más guías y conversores disponibles en inglés →