Resultado
Esta página no tiene parte de servidor en absoluto. La tabla que pegas la procesa JavaScript dentro de tu propio navegador, el gráfico se dibuja en un elemento canvas de tu máquina y el archivo de exportación se arma localmente. Nada se sube, se almacena ni se escribe en ningún registro. Puedes desconectar la red después de cargar la página y todo seguirá funcionando: es la forma más sencilla de comprobarlo tú mismo.
Datos y límites del método
| Formatos admitidos | HEX de 3 dígitos (#RGB) y de 6 dígitos (#RRGGBB) |
|---|---|
| Paso intermedio | El HEX se convierte primero a RGB y luego a HSV |
| Rango del tono | De 0° a 360° |
| Rango de saturación y valor | De 0% a 100% |
Cuándo induce a error
- HSV no es el único modelo cilíndrico — no lo confundas con el modelo similar pero distinto HSL (el tono se define igual, pero la saturación y la luminosidad/valor se calculan de forma diferente).
- En colores muy oscuros (valor cercano a 0%) el tono y la saturación pierden relevancia — tonos visualmente distintos pueden verse como el mismo color casi negro.
- Con saturación cero (tonos de gris, incluidos negro y blanco) el tono no está matemáticamente definido — el conversor muestra 0° en ese caso.
- El resultado es solo otro sistema de coordenadas para el mismo color, no un espacio de color distinto.
Cómo se calcula
El código HEX se analiza en tres canales — rojo, verde y azul, cada uno de 0 a 255 (un código abreviado de 3 dígitos se expande primero a 6 dígitos).
Los valores R, G, B se normalizan dividiéndolos entre 255, dando números de 0 a 1.
El valor (V) es el máximo de R, G, B normalizados; la saturación (S) es la razón entre la diferencia del máximo y el mínimo y el máximo.
El tono (H) se calcula según qué canal sea el máximo, usando una fórmula por tramos que da un valor de 0° a 360°.
Preguntas y respuestas
¿En qué se diferencia HSV de HSL?
El tono se define igual en ambos modelos, pero la saturación y la luminosidad/valor usan fórmulas distintas, así que porcentajes idénticos en HSL y HSV producen colores diferentes.
¿Puedo escribir el HEX sin el símbolo #?
Sí, el # es opcional — el conversor entiende el código con o sin él.
¿Funciona el HEX abreviado de 3 dígitos?
Sí, el conversor lo expande automáticamente a la forma completa de 6 dígitos antes de calcular.
¿Se envían mis datos a algún sitio?
No, todo el cálculo se ejecuta en tu navegador.