Selector de círculo cromático

Elige un matiz en el círculo cromático, ajusta la saturación y la luminosidad y copia los códigos de color.

En tu dispositivo · Sin cuenta

Selector de círculo cromático procesa lo que introduces en este navegador. Los datos introducidos y los resultados se excluyen de las estadísticas de uso. Las herramientas recientes guardan sus nombres, el número de visitas y la fecha y hora de la última visita. Las herramientas guardadas solo almacenan sus nombres. Guardar borradores es opcional y el texto permanece en este dispositivo; puedes eliminarlo con los controles del borrador. Cargar texto desde una URL es opcional y establece una conexión con ese servidor; el servidor puede ver la URL y tu dirección IP. La opción «Usar en» conserva temporalmente los datos en esta pestaña para pasarlos a otra herramienta. La siguiente herramienta los elimina al abrirse y los ignora si ha pasado más de un minuto.

«Copiar enlace» incluye en la dirección los datos que elijas compartir. Cualquiera que tenga el enlace puede volver a abrirlos. Se excluyen los archivos y los resultados generados. Las herramientas de contraseñas y claves solo comparten los ajustes.

El anillo muestra los tonos con saturación máxima y un 50 % de luminosidad. Las muestras muestran la saturación y la luminosidad que has elegido.

Tus colores

Más
Atajos de teclado

Sobre los enlaces y el reinicio

Los enlaces incluyen los datos que introduces y la configuración. Cualquiera que tenga el enlace puede verlos, así que no incluyas texto privado. Los archivos y los resultados generados no se incluyen; las selecciones aleatorias se repiten.

Al restablecer, la herramienta se recarga con sus valores iniciales y libera los archivos abiertos y los controles de dispositivos. Los borradores guardados permanecen en este dispositivo hasta que los elimines.

Elige colores en el círculo cromático

Toca el anillo para elegir un matiz o escribe su ángulo en Matiz. Ajusta la saturación y la luminosidad y elige un color o una armonía. Copia los códigos HEX o descárgalos como variables CSS.

El anillo de matices muestra la saturación máxima con una luminosidad del 50 %. Las muestras del resultado usan la saturación y la luminosidad que hayas elegido. El código situado debajo de cada muestra se mantiene legible sea cual sea el color.

Siguiente: Selector de color

Ejemplo

Un matiz de 0, una saturación del 100 % y una luminosidad del 50 % dan #FF0000. El modo complementario añade el matiz 180, que da #00FFFF.

Siguiente: Generador de paletas de colores

Antes de usar el resultado

Este círculo usa HSL en sRGB; no representa la mezcla de pinturas. Una armonía no garantiza un contraste legible para el texto. Comprueba juntos el color del texto y el fondo antes de usar una paleta.

Siguiente: Comprobador de contraste de colores

Herramientas para la misma tarea

Ayuda para interpretar el resultado

Citar esta página

ToolOctopus. “Selector de círculo cromático.” Actualizado 7 de octubre de 2026. https://tooloctopus.com/es/selector-de-círculo-cromático.

Añade la fecha de consulta si tus instrucciones lo requieren.

Las citas se formatean con citeproc-js, de Frank Bennett, y estilos de Citation Style Language. Licencia y código fuente.

Buscar una herramienta

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.