Selector de color y generador de paletas
Elige cualquier color, obtén valores HEX, RGB y HSL al instante. Genera paletas armoniosas — gratis y privado.
Complementarios
Análogos
Triádicos
Cómo usar el selector de color
Haz clic en cualquier parte del lienzo de degradado para seleccionar un color. El cuadrado grande muestra todas las combinaciones posibles de saturación (horizontal) y brillo (vertical) para el tono seleccionado. Usa el control deslizante del arcoíris debajo del lienzo para cambiar el tono base. Todos los valores se actualizan en tiempo real y puedes copiarlos con un solo clic.
El generador de paletas crea combinaciones armoniosas basadas en la teoría del color. Los colores complementarios se sitúan en puntos opuestos del círculo cromático, los análogos son vecinos, y los triádicos forman un triángulo equilátero — dándote paletas profesionales al instante.
Formatos de color compatibles
Cada color que eliges se muestra en tres formatos: HEX (por ejemplo #6366F1), RGB (por ejemplo rgb(99, 102, 241)) para CSS y herramientas de diseño, y HSL (por ejemplo hsl(239, 84%, 67%)) para un control intuitivo de tono, saturación y luminosidad. Haz clic en cualquier valor para copiarlo al portapapeles.
Preguntas frecuentes
¿Cómo funciona este selector de color?
Haz clic en el lienzo de degradado para elegir un color. El eje horizontal controla la saturación, el vertical el brillo. Usa el control deslizante para cambiar el tono base.
¿Qué es un generador de paletas?
Crea conjuntos armoniosos de colores basados en tu color elegido usando relaciones de complementarios, análogos y triádicos.
¿Puedo elegir colores de mi pantalla?
Sí, si tu navegador es compatible con la API EyeDropper (Chrome y Edge). Haz clic en el botón de cuentagotas para capturar cualquier color visible en tu pantalla.
¿Es gratis?
Sí, 100% gratis sin límites ni registro.