🎨 Conversor de color – HEX · RGB · HSL + paleta de tonos
Convierte códigos de color entre HEX, RGB y HSL al instante — gratis, sin subidas, sin registro y con soporte offline completo desde tu navegador.
Tint palette
Conversion result
Acerca de
El Conversor de color de Toolio te permite elegir un color visualmente o introducir un valor HEX, RGB o HSL y ver los tres formatos equivalentes de inmediato con botones de copia en un clic. Además genera una paleta de cinco tonos para explorar versiones más claras y oscuras del color elegido. Todo se ejecuta en JavaScript en el lado del cliente — ningún dato sale de tu navegador, por lo que es seguro usarlo con colores de marca o proyecto que prefieras mantener privados.
Cómo usar
- Usa el selector de color o escribe un código HEX (p. ej. #ff6b4a) en el campo HEX.
- Alternativamente, introduce los valores R, G, B individuales (0–255) para comenzar desde un color RGB.
- Consulta los valores HEX, RGB y HSL convertidos en el panel de resultado de conversión.
- Haz clic en el botón Copiar junto a cualquier formato para copiarlo al portapapeles.
- Explora las cinco muestras de la paleta de tonos bajo los campos para elegir un tono más claro o más oscuro.
Preguntas frecuentes
- ¿Es gratuito este conversor de color?
- Sí, completamente gratis. No hay cuenta, suscripción ni ningún tipo de pago.
- ¿Sube mis datos de color a un servidor?
- No. Toda la conversión ocurre localmente en tu navegador con JavaScript. Nada se envía a ningún servidor.
- ¿Funciona el conversor de color sin conexión?
- Sí. Una vez cargada la página, puedes desconectarte de internet y seguirá funcionando perfectamente. También admite guardarse como Progressive Web App.
- ¿Qué formatos de color admite?
- Convierte entre HEX (p. ej. #ff6b4a), RGB (p. ej. rgb(255, 107, 74)) y HSL (p. ej. hsl(11, 100%, 64%)). Puedes introducir cualquiera de los tres y obtendrás los tres como resultado.
- ¿Qué es la función de paleta de tonos?
- La paleta de tonos muestra cinco variantes de tu color en distintos niveles de luminosidad (de oscuro a claro). Al hacer clic en una muestra, todos los campos se actualizan a ese tono para que también puedas copiar sus códigos.