Inicio / Herramientas de Color / Desplazador de tono
Herramientas online gratis

Desplazador de tono

Rota un color alrededor de la rueda de tonos conservando su saturación y luminosidad. El procesamiento se realiza localmente en tu navegador.

Empezar a usar

Acerca del desplazador de tono

Rota un color alrededor de la rueda de tonos conservando su saturación y luminosidad.

Ejemplo

Entrada

#FF0000 desplazado 120°

Resultado

#00FF00

Usos habituales

  • Variaciones de temas
  • Generar colores de acento relacionados

Cómo funciona

El cálculo o la conversión se realiza a partir de los valores y las opciones mostradas arriba. Revisa la vista previa o el resultado antes de usarlo en otro documento, aplicación o flujo de trabajo.

Limitaciones

El tono no está definido para colores completamente grises, por lo que desplazarlos puede no tener un efecto visible.

El cálculo redondea primero los valores HSL a enteros, suma el ángulo al tono y lo ajusta al ciclo de 360°. Conserva la saturación y luminosidad HSL, sin garantizar el brillo percibido. Incluso 0° puede cambiar ligeramente el RGB: #123456 a 0° da #123354.

El procesamiento se realiza localmente en tu navegador.