Generador de paletas de colores
Elige un color base y un esquema para crear una paleta de dos o tres colores. Usa tonos complementarios, análogos, triádicos o complementarios divididos, y luego copia códigos HEX individuales o guarda la lista como texto.
Qué puedes hacer
Crear paletas con cuatro esquemas
Elige tonos complementarios, análogos, triádicos o complementarios divididos, conservando la saturación y luminosidad del color base.
Obtener el código de cada color
Consulta las muestras y los códigos HEX; copia cada código o guarda la lista en el orden mostrado como palette.txt.
Usar un color candidato como siguiente base
Selecciona «Usar como base» en un color candidato y genera una paleta nueva.
Cómo se usa
Introducir el color base
Elige HEX, RGB, HSL, HSV o CMYK e introduce sus valores, o usa el selector de color.
Elegir un esquema
Complementario genera dos colores. Análogo, triádico y complementario dividido generan tres.
Crear una paleta
Selecciona «Crear paleta» para consultar las muestras y los códigos HEX. Cambiar el esquema después de generarla actualiza la paleta a partir del color base confirmado.
Obtener los códigos
Copia los códigos individualmente, cópialos todos o guárdalos como TXT. Genera de nuevo después de cambiar el color base.
Cuándo resulta útil
Explorar opciones de colores de acento
Usa un color base de tu página o diseño para comparar distintas relaciones entre tonos.
Guardar los códigos de la paleta en tus notas
Copia o guarda la lista HEX en el orden mostrado para usarla en una herramienta de diseño.
Esquemas de color y límites de salida
Cuatro relaciones entre tonos
Complementario usa un tono a 180 grados del color base. Análogo usa tonos a 30 grados a cada lado; triádico, intervalos de 120 grados; y complementario dividido, desplazamientos de 150 y 210 grados. En el esquema análogo, el color base aparece en el centro.
La saturación y la luminosidad se mantienen
La paleta desplaza el tono en HSL y conserva la saturación y la luminosidad. Los resultados se redondean a RGB de 8 bits y se muestran como HEX. Los colores acromáticos pueden producir valores HEX repetidos; se conservan el número de colores y el orden.
Comprobar la legibilidad por separado
Las paletas basadas en tonos no garantizan el contraste ni la legibilidad del texto. Comprueba cada combinación de texto y fondo con el comprobador de contraste.
Preguntas y respuestas
¿Por qué puede aparecer el mismo color más de una vez?
Cambiar el tono puede producir valores HEX idénticos para colores acromáticos. Los resultados no se ajustan ni se eliminan duplicados; se conservan el número de colores y el orden del esquema.
¿Copiar un color cambia el color base?
Copiar no lo cambia. «Usar como base» cambia la entrada a HEX y borra la paleta anterior. Selecciona «Crear paleta» para generarla de nuevo.
¿Puedo guardar variables CSS o una imagen?
La salida se limita a copiar códigos HEX y guardar palette.txt. No se proporcionan variables CSS ni exportación de imágenes.
Entrada y salida
- Entrada
- Color base en HEX, RGB, HSL, HSV o CMYK, o un color seleccionado. No se admite alfa.
- Esquema
- Complementario, análogo, triádico o complementario dividido.
- Salida
- Dos o tres códigos HEX. Cópialos o guárdalos como palette.txt, uno por línea en el orden mostrado.