Selector de color

Elige un color, consulta sus valores HEX, RGB y HSL y crea armonías y variaciones relacionadas directamente en el navegador.

Elegir un color

Elegir un color

Armonía de color

Variaciones de color

Aclarados

Oscurecidos

Tonos

Qué hace esta herramienta

El selector de color permite elegir un color con el control nativo o mediante un valor HEX y consultar sus equivalentes RGB y HSL.

A partir del color seleccionado, calcula armonías relacionadas y variaciones más claras, más oscuras y más neutras.

Cómo usarla

  1. Elige un color con el control de color o introduce un valor HEX completo.
  2. Selecciona un tipo de armonía para ver colores relacionados calculados en el mismo espacio HSL.
  3. Haz clic en un valor de cualquier paleta para copiarlo al portapapeles.

Usos prácticos

  • Documentar un color base de un diseño junto con sus valores HEX, RGB y HSL.
  • Elegir un color inicial de acento o apoyo para una interfaz a partir de una armonía complementaria o triádica.
  • Preparar valores más claros y oscuros para fondos, bordes o elementos destacados.

Notas y límites

  • La vista previa utiliza valores de color habituales del navegador y no tiene en cuenta perfiles específicos de pantalla, impresión o ICC.
  • Las paletas calculadas no comprueban el contraste ni la accesibilidad. Revisa por separado las combinaciones importantes de texto y fondo.

Preguntas frecuentes

¿Las paletas sugeridas son automáticamente accesibles?

No. Las armonías y variaciones se calculan a partir de valores de color. Comprueba el contraste real de cada combinación de texto y fondo que vayas a utilizar.