Cómo elegir colores que combinen
Parte de un color base y prueba los complementarios, que contrastan, o los análogos, que son vecinos en el círculo cromático y dan armonía. Copia el código y úsalo en tu web, tu diseño o tu perfil.
La herramienta convierte entre HEX, RGB y HSL y te muestra una paleta de colores que combinan con el elegido.
Cómo usarlo, paso a paso
- Elige un color con el selector o escribe su código en «Código HEX».
- Consulta los valores equivalentes en HEX, RGB y HSL.
- Mira la paleta de colores que combinan.
- Copia el código que necesites.
Consejos útiles
- Usa un color dominante y uno o dos de apoyo: más colores suelen verse recargados.
- Los complementarios sirven para destacar; los análogos, para un aspecto tranquilo.
- Comprueba que el texto tenga buen contraste con el fondo para que se lea bien.
- HSL facilita ajustar la luminosidad y la saturación sin cambiar el tono.
Preguntas frecuentes
¿Qué diferencia hay entre HEX, RGB y HSL?
Son tres formas de escribir el mismo color. HEX usa un código con #, RGB mezcla rojo, verde y azul, y HSL usa tono, saturación y luminosidad.
¿Qué es un color complementario?
El que está en el lado opuesto del círculo cromático. Contrasta mucho con el original.
¿Puedo usar los códigos en CSS?
Sí. HEX, RGB y HSL son formatos válidos en CSS.
¿Se envía mi color a algún servidor?
No. Todo ocurre en tu navegador.