# Convertidor de espacios de color Convierte colores entre HEX, RGB, HSL, CIELAB y Display-P3 con salida CSS y control de gama. > Página canónica: https://elysiatools.com/es/tools/color-space-converter - **Categoría:** Design - **Palabras clave:** convertidor de color, display p3, gama ## Descripción general Muestra representaciones web, perceptuales y de gama amplia de un color CSS. ## Entradas - **Valor de color** (text): #FF6B35, rgb(255 107 53), hsl(14 100% 60%) - **Formato de entrada** (select) ## Cuándo usarlo - Cuando necesitas adaptar colores web estándar a pantallas modernas con soporte de gama amplia Display-P3. - Al calcular la equivalencia perceptual de un color usando el espacio CIELAB para garantizar la consistencia visual. - Cuando requieres obtener el código CSS exacto de un color en diferentes formatos para hojas de estilo. ## Cómo funciona - Introduce el valor del color en el campo de texto, ya sea en formato HEX, RGB, HSL, CIELAB o Display-P3. - Selecciona el formato de entrada correspondiente o deja la opción de detección automática para que el sistema lo identifique. - El convertidor procesa el color mediante matrices D65 y genera las equivalencias en todos los espacios de color soportados junto con su estado de gama. ## Casos de uso - Optimización de paletas de colores para pantallas de alta gama mediante la conversión a Display-P3. - Traducción de especificaciones de diseño impreso o industrial en CIELAB a formatos web como HEX o RGB. - Verificación de colores fuera de gama para asegurar que se visualicen correctamente en navegadores web estándar. ## Preguntas frecuentes ### ¿Qué formatos de color admite la herramienta? Soporta HEX, RGB, HSL, CIELAB y Display-P3. ### ¿Qué es la comprobación de gama o gamut? Es una verificación que determina si un color específico se puede representar con precisión dentro de los límites de sRGB o Display-P3. ### ¿Cómo funciona la detección automática de formato? Analiza la sintaxis del texto ingresado para identificar si corresponde a un formato HEX, RGB, HSL, CIELAB o Display-P3 sin necesidad de seleccionarlo manualmente. ### ¿Qué estándar utiliza para las conversiones de color? Utiliza matrices de conversión basadas en el iluminante estándar D65 para garantizar la precisión entre los espacios de color. ### ¿Puedo copiar el código CSS directamente? Sí, la herramienta genera representaciones CSS listas para copiar y pegar en tus archivos de diseño o código. ## Herramientas relacionadas - [Conversor de Color OKLCH](https://elysiatools.com/es/tools/oklch-color-converter): Convierte entre HEX, RGB, HSL, OKLCH y Display-P3 con la matemática de CSS Color 4, con lectura de luminosidad/croma/tono, comprobación de gamut sRGB y Display-P3, y sugerencia de recorte fuera de gamut - [Generador de ideas de dominios con IA](https://elysiatools.com/es/tools/ai-domain-name-idea-generator): Introduce palabras clave de marca y la IA genera hasta 10 ideas de dominio, filtrando los ya registrados con DNS + RDAP. Para emprendedores y desarrolladores. - [Conversor de color CMYK](https://elysiatools.com/es/tools/cmyk-converter): Convierte colores entre HEX, RGB, HSL y CMYK. - [Comprobador de cabeceras de seguridad](https://elysiatools.com/es/tools/security-headers-checker): Audita las cabeceras de respuesta HTTP para cumplimiento de seguridad — analiza las cabeceras sin procesar que pegas (sin red) y las califica frente al conjunto de cabeceras seguras OWASP con comprobaciones a nivel de valor: HSTS max-age, CSP unsafe-inline/eval, X-Content-Type-Options, Referrer-Policy, Permissions-Policy, COOP/COEP/CORP y más. Devuelve una nota (A+ a F) más hallazgos por cabecera con recomendaciones listas para copiar. - [Sincronizador de paleta Tailwind](https://elysiatools.com/es/tools/tailwind-color-palette-sync): Introduce HEX, elige esquema de nombres (escala 50–950 / nombre único / anidamiento) y genera el fragmento theme.extend.colors de tailwind.config.ts con niveles WCAG AA/AAA por color. Modo oscuro opcional. - [Comprobador de contraste de paleta accesible](https://elysiatools.com/es/tools/accessible-color-palette-contrast-checker): Audita combinaciones de color segun WCAG 2.1 AA y AAA y propone ajustes - [Convertidor Adobe RGB a LAB](https://elysiatools.com/es/tools/adobe-rgb-to-lab-converter): Convertir valores de color Adobe RGB al espacio de color LAB para análisis de color con soporte de canal alfa - [Extractor de paleta de color desde imagen](https://elysiatools.com/es/tools/image-color-palette-extractor): Sube una imagen, extrae colores dominantes y exporta tokens listos para codigo con verificacion de contraste ## Ejemplos - [Ejemplos de Códigos de Color](https://elysiatools.com/es/samples/color-code): Colección de códigos de color en varios formatos (Hex, RGB, HSL, colores con nombre) para pruebas de validación - [Ejemplos de Procesamiento de Imágenes Web Python](https://elysiatools.com/es/samples/web-image-processing-python): Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Java](https://elysiatools.com/es/samples/android-image-processing-java): Ejemplos de procesamiento de imágenes Android Java incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Kotlin](https://elysiatools.com/es/samples/android-image-processing-kotlin): Ejemplos de procesamiento de imágenes Android Kotlin incluyendo lectura/escritura, escalado y conversión de formato