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
| Forma corta | #RGB — cada dígito se duplica (#3af → #33aaff) |
|---|---|
| Forma completa | #RRGGBB — seis dígitos hexadecimales |
| Rango R/G/B | De 0 a 255 para cada canal |
| Almohadilla inicial | Opcional — "3B82F6" se reconoce igual que "#3B82F6" |
Cuándo induce a error
- El formato HEXA con canal alfa (8 dígitos, #RRGGBBAA) no se reconoce en este conversor — está pensado solo para colores opacos; para un color con transparencia, usa el conversor de HEX a RGBA.
- Las mayúsculas/minúsculas (a-f o A-F) no importan — ambas dan el mismo resultado.
- Una entrada no válida (ni 3 ni 6 dígitos hexadecimales, caracteres sueltos) produce un guion en cada campo de resultado y una muestra transparente — el conversor no intenta adivinar qué se quiso decir.
- Un valor RGB por sí solo no lleva información de perfil de color (sRGB, Display P3, etc.) — el conversor trabaja con los números tal cual, sin corrección de color para un monitor específico.
Cómo se calcula
El código HEX se comprueba contra el formato corto (3 dígitos) o completo (6 dígitos), quitando una almohadilla inicial opcional.
La forma corta se expande a la forma completa duplicando cada dígito: "3af" se convierte en "33aaff".
Cada par de dígitos hexadecimales se convierte en un número decimal de 0 a 255 — son los valores de rojo, verde y azul respectivamente.
La muestra de color se rellena directamente con el mismo código HEX mediante CSS, así que coincide visualmente con lo que obtendrías usando ese color en un diseño real.
Preguntas y respuestas
¿Necesito una almohadilla antes del código HEX?
No, el conversor lo reconoce con o sin ella — "3B82F6" y "#3B82F6" dan el mismo resultado.
¿Funciona la forma corta de 3 caracteres?
Sí, "#3af" se expande automáticamente a "#33aaff" antes del cálculo.
¿Y la transparencia (canal alfa)?
Este conversor solo maneja colores opacos. Para un código HEX con canal alfa, usa el conversor de HEX a RGBA aparte.
¿Se envían mis datos a algún sitio?
No, todo el cálculo se ejecuta en tu navegador.