Conversor de color
Elige un color o escribe un valor, y FileTinker lo convierte entre HEX, RGB y HSL en tiempo real. Cada campo es editable y cada valor está listo para pegar en CSS. Todo funciona en tu navegador.
Convertir entre formatos
Ve directamente a una conversión concreta: cada una abre su propia página lista para usar:
Cómo convertir un color
- Elige un color con la muestra, o escribe un valor HEX, RGB o HSL en cualquier campo.
- Los demás formatos se actualizan al instante a medida que avanzas.
- Copia el formato que necesites: cada valor está listo para pegar en CSS o en una herramienta de diseño.
Acerca de los formatos de color
HEX, RGB y HSL son tres notaciones para los mismos colores en pantalla. HEX (como #3366ff) es compacto y habitual en el marcado; RGB detalla los canales de rojo, verde y azul del 0 al 255; HSL describe tono, saturación y luminosidad, lo que resulta intuitivo cuando quieres crear una paleta o ajustar un tono a ojo. Convertir entre ellos es trabajo cotidiano en el diseño web y gráfico.
Esta herramienta mantiene los tres formatos sincronizados mientras editas cualquiera de ellos y te ofrece una vista previa en vivo además de un selector de color nativo. Como funciona por completo en tu navegador, es instantánea y privada: ideal para igualar colores de marca, crear variables CSS o tomar un tono sobre la marcha.
Preguntas frecuentes
¿Cómo convierto HEX a RGB o HSL?
Escribe o pega un valor HEX (o elige un color con la muestra) y los campos RGB y HSL se actualizan al instante. Cada campo funciona en ambos sentidos, así que puedes empezar desde cualquier formato y leer los demás. Copia el que necesites.
¿Cuál es la diferencia entre HEX, RGB y HSL?
Describen el mismo color de formas distintas. HEX y RGB definen las cantidades de rojo, verde y azul (HEX en hexadecimal, RGB con números del 0 al 255). HSL, en cambio, usa tono, saturación y luminosidad, lo que facilita aclarar, oscurecer o apagar un color a mano.
¿Los valores están listos para usar en CSS?
Sí. Los valores HEX, rgb(...) y hsl(...) se escriben tal como CSS los espera, así que puedes pegar cualquiera de ellos directamente en una hoja de estilos o en una herramienta de diseño.
¿Se sube algo?
No. Todos los cálculos de conversión funcionan en tu navegador; no se envía nada a ningún sitio.