HEX, RGB y HSL, convertidos al instante en tu navegador
Escribe un color en el campo HEX, RGB o HSL y los otros dos se actualizan de inmediato, junto con una muestra del color actual. Útil para trabajar con CSS, para pasar valores de color a un diseño, o simplemente para ver cómo se ve realmente un código de color.
La conversión está escrita a mano con las fórmulas estándar de sRGB↔HSL (las mismas que usan los navegadores internamente para hsl() y rgb()) — sin librerías externas, sin nada que descargar ni subir.
Por qué lo que escribes no sale de tu dispositivo
Aquí la privacidad es estructural, no una promesa. No hay un paso de subida porque no hay ningún servidor al que subir nada:
- La conversión se ejecuta por completo en tu navegador.
- La página se sirve como archivos estáticos y no envía ninguna petición con los valores de color que escribes.
- El código es abierto y cualquiera puede leerlo (MIT).
- Funciona sin conexión, algo que solo es posible porque nada sale del dispositivo.
Si quieres comprobarlo tú mismo, abre el panel de Red de tu navegador mientras conviertes: ninguna petición lleva lo que escribes. Leer el código fuente.
Cómo se usa
-
Escribe un color en cualquiera de los campos
Introduce un código HEX (#fff o #ffffff), un valor RGB (rgb(255,0,0) o 255,0,0), o un valor HSL (hsl(0,100%,50%) o 0,100%,50%).
-
Observa cómo se actualizan los otros dos
Los dos campos en los que no escribiste se actualizan al instante con el color equivalente, y la vista previa cambia para coincidir.
-
Los errores solo aparecen en ese campo
Si lo que escribiste no es un color válido en ese formato, solo ese campo muestra un error en línea — los otros dos conservan sus últimos valores válidos, así que nunca pierdes tu progreso.
Preguntas frecuentes
¿Se sube a algún sitio lo que escribo?
No. La conversión se ejecuta por completo en tu navegador. No hay ningún componente de servidor, así que los valores de color que escribes no tienen forma de salir del dispositivo. El código es abierto y puedes confirmarlo en el panel de Red de tu navegador.
¿Qué formatos de HEX, RGB y HSL se aceptan?
HEX acepta #fff o #ffffff (la # inicial es opcional, sin distinguir mayúsculas/minúsculas). RGB acepta rgb(r,g,b) o un simple r,g,b, cada canal de 0 a 255. HSL acepta hsl(h,s%,l%) o valores sueltos, matiz de 0 a 360 y saturación/luminosidad de 0 a 100.
¿Es compatible con CMYK, HSB/HSV o los colores con nombre de CSS (por ejemplo, "tomato")?
No: esta herramienta se limita intencionadamente a HEX, RGB y HSL. CMYK y HSB/HSV son modelos de color distintos con sus propias reglas, y los colores con nombre de CSS son una tabla fija, no una conversión; nada de eso forma parte de esta herramienta.
¿Puedo elegir un color de una imagen?
No con esta herramienta: elegir un color de una imagen (un cuentagotas) es una herramienta aparte. Esta solo convierte entre los códigos de color que tú escribes.
¿Qué pasa si escribo un valor no válido?
Solo el campo que estás editando muestra un error en línea. Los otros dos campos —y la vista previa— siguen mostrando el último color válido, así que un error de escritura nunca borra tu trabajo.
¿Funciona sin conexión?
Sí. Es una PWA. Tras la primera visita queda guardada en la caché, de modo que funciona sin conexión a la red. También puedes instalarla en tu pantalla de inicio.