Información general
Color Converter convierte entre los cuatro formatos de color que más utilizan los desarrolladores frontend: HEX, RGB, RGBA y HSL. Los diseñadores y los ingenieros frontend suelen alternar entre herramientas de diseño (Figma, Sketch, Photoshop) y código CSS, y esta herramienta permite hacer todas las conversiones con un clic.
Cómo usar esta herramienta
Paso 1: escribe un valor de color en cualquier formato: HEX como
#00e5ff o 00e5ff (el # es opcional), también admite la forma de 3 dígitos #0cf; RGB como rgb(0, 229, 255); HSL como hsl(187, 100%, 50%). Paso 2: aparece una muestra de color de previsualización debajo de la entrada en tiempo real. Paso 3: el panel "Resultados de la conversión" lista los cuatro formatos, cada uno con un botón "Copiar". Paso 4: la herramienta detecta automáticamente el tipo de entrada e ignora con seguridad los valores no válidos.Casos de uso habituales
los diseñadores eligen colores en HSL dentro de Sketch o Figma y entregan al desarrollador el HEX; los desarrolladores frontend convierten el HEX de una guía de diseño a RGBA para añadir transparencia; ajustar los colores corporativos con HSL para controlar más fácilmente el brillo y la saturación; depurar cambios de tema y paletas de modo oscuro; documentar en varios formatos los colores tomados de capturas de pantalla.
Detalles técnicos
HEX → RGB usa desplazamientos de bits para separarlo en canales de 8 bits. RGB → HSL utiliza el algoritmo estándar (normalizar a [0,1] y calcular tono, saturación y luminosidad). HSL → RGB es la inversa usando seis segmentos lineales de tono. El HEX de 3 dígitos se expande automáticamente (
#0cf → #00ccff). No se admite aquí HEX de cuatro canales (con alfa) — usa el Generador de Colores CSS específico.Privacidad y seguridad
toda la conversión de color se realiza localmente en tu navegador y la entrada nunca se sube.