Conversor de colores (Hex, RGB, HSL)
Vista previa del color
#6366f1
Guía de uso
El Convertidor de Colores es una herramienta en línea para convertir valores de color entre formatos HEX, RGB, HSL, HSV y CMYK — todo ejecutándose localmente en su navegador. La conversión de formato de color es una tarea diaria para diseñadores y desarrolladores front-end: Figma exporta códigos HEX, CSS usa HEX y RGB/HSL, los flujos de trabajo de impresión requieren CMYK. La herramienta acepta cualquier valor de color válido y muestra instantáneamente el valor equivalente en todos los formatos admitidos. Una gran muestra de color permite una confirmación visual inmediata.
- Ingresar un valor de color — Escriba o pegue cualquier valor de color en el campo de entrada: código HEX (#6366f1 o #fff), valor RGB, valor HSL o nombre de color CSS. El convertidor detecta el formato automáticamente.
- Usar el selector de color — Haga clic en la muestra de color o el botón del selector de color para abrir el selector de color nativo del navegador.
- Leer todos los equivalentes de formato — La herramienta muestra el color elegido simultáneamente en HEX, RGB (0–255), RGB (0–1 normalizado), HSL, HSV y CMYK.
- Ajustar canales individuales — Ajuste finamente el color modificando valores de canales individuales — por ejemplo, cambiar solo el canal alfa en RGBA.
- Copiar cualquier formato — Haga clic en el botón "Copiar" junto a cualquier fila de formato para copiar ese valor específico a su portapapeles.
- Verificar con la muestra — La gran vista previa de muestra de color siempre muestra el color realmente renderizado. Úsela para confirmar visualmente las valores convertidos antes de copiar.
Preguntas frecuentes
¿Qué formatos de color admite esta herramienta?
La herramienta convierte entre tres formatos CSS ampliamente usados: HEX (#RRGGBB), RGB (rgb(r, g, b) con valores 0–255) y HSL (hsl(h, s%, l%) — Matiz 0–360°, Saturación y Luminosidad 0–100%). También acepta colores CSS con nombre como "tomato" o "deepskyblue".
¿Cuál es la diferencia entre RGB y HSL?
RGB describe un color por sus intensidades de luz roja, verde y azul (0–255 cada una). HSL describe un color por su Matiz (posición en la rueda de colores, 0–360°), Saturación (0–100%) y Luminosidad (0–100%). HSL suele ser más intuitivo para diseñadores ya que ajustar brillo o saturación es directo.
¿Esta conversión de color se realiza en un servidor?
No. Toda la lógica de conversión funciona en tu navegador con JavaScript nativo. Nada se envía a ningún servidor.
¿Puedo usar esta herramienta sin conexión?
2Kit es una PWA. Tras tu primera visita, queda en caché y funciona completamente sin conexión.
¿Por qué necesito convertir entre formatos de color?
Diferentes herramientas y flujos de trabajo usan diferentes formatos de color. Las herramientas de diseño suelen exportar en HEX, mientras que las animaciones CSS y sistemas de temas pueden usar HSL para una manipulación programática más fácil.
Implementación técnica
Todo el procesamiento se ejecuta íntegramente en su navegador — nunca se envían datos a ningún servidor. Esta herramienta funciona completamente sin conexión como Aplicación Web Progresiva (PWA): tras la primera visita, todas las páginas y recursos son almacenados en caché por el Service Worker y permanecen disponibles sin conexión a internet. Sus datos de entrada nunca abandonan su dispositivo, lo que lo hace seguro para contenido sensible como claves API, contraseñas, configuraciones privadas y documentos confidenciales.