# Acortador de Color Acortar códigos HEX de 6 dígitos a 3 dígitos (ej: #FFFFFF a #FFF) > Página canónica: https://elysiatools.com/es/tools/color-shortener - **Categoría:** Design - **Palabras clave:** hex, color, acortar, comprimir, abreviatura, optimizar, css, web, hexadecimal ## Descripción general El Acortador de Color es una herramienta eficiente diseñada para optimizar tus hojas de estilo CSS convirtiendo códigos de color hexadecimales de 6 dígitos a su versión abreviada de 3 dígitos, siempre que sea posible. ## Entradas - **Colores HEX** (textarea): Enter HEX colors, one per line: #FFFFFF #000000 #FF0000 #00FF00 #0000FF #123456 abcdef - **Formato de Salida** (select) - **Mostrar colores no acortables** (checkbox): Incluir colores que no se pueden acortar con razones ## Cuándo usarlo - Cuando necesites reducir el tamaño de tus archivos CSS para mejorar el rendimiento web. - Al limpiar y estandarizar una paleta de colores en un proyecto de diseño o desarrollo. - Cuando trabajas con colores que cumplen con la estructura repetitiva necesaria para la abreviatura hexadecimal. ## Cómo funciona - Pega tus códigos de color hexadecimales en el área de entrada, uno por línea. - Selecciona el formato de salida deseado, como mayúsculas, minúsculas o sin el símbolo de almohadilla. - Activa la opción de mostrar colores no acortables si deseas identificar qué códigos no cumplen con el formato de 3 dígitos. - Haz clic en procesar para obtener instantáneamente tu lista de colores optimizados. ## Casos de uso - Optimización de archivos CSS para reducir el peso de carga en sitios web. - Estandarización de guías de estilo para equipos de desarrollo frontend. - Limpieza rápida de hojas de cálculo o archivos de configuración de diseño. ## Preguntas frecuentes ### ¿Qué colores se pueden acortar? Solo se pueden acortar los colores donde cada par de dígitos es idéntico, como #FFFFFF a #FFF o #AABBCC a #ABC. ### ¿Qué sucede si un color no se puede acortar? Si el color no cumple con la regla de duplicidad, se mantendrá en su formato original de 6 dígitos a menos que elijas omitirlo. ### ¿Puedo eliminar el símbolo '#' de los resultados? Sí, puedes seleccionar la opción 'FFF (no hash)' en el formato de salida para obtener solo el código alfanumérico. ### ¿Es compatible con todos los navegadores? Sí, los códigos hexadecimales de 3 dígitos son una sintaxis estándar de CSS reconocida por todos los navegadores modernos. ### ¿Cuántos colores puedo procesar a la vez? Puedes procesar tantos colores como necesites, simplemente pegándolos uno por línea en el cuadro de texto. ## Herramientas relacionadas - [Convertidor Adobe RGB a HEX](https://elysiatools.com/es/tools/adobe-rgb-to-hex-converter): Convertir valores de color Adobe RGB a formato HEX para diseño web - [Convertidor CMYK a HEX](https://elysiatools.com/es/tools/cmyk-to-hex-converter): Convertir valores de color CMYK a HEX para visualización en pantalla - [Expansor de Color](https://elysiatools.com/es/tools/color-expander): Expandir códigos HEX de 3 dígitos a 6 dígitos (ej: #FFF a #FFFFFF) - [Convertidor HEX a Adobe RGB](https://elysiatools.com/es/tools/hex-to-adobe-rgb-converter): Convertir valores de color HEX a formato Adobe RGB para diseño profesional - [Convertidor HEX a CMYK](https://elysiatools.com/es/tools/hex-to-cmyk-converter): Convertir valores de color HEX a CMYK para impresión con soporte de canal alfa - [Convertidor HEX a HSL](https://elysiatools.com/es/tools/hex-to-hsl-converter): Convertir valores de color HEX a HSL para visualización en pantalla - [Convertidor HEX a HSV](https://elysiatools.com/es/tools/hex-to-hsv-converter): Convertir valores de color HEX a HSV/HSB para manipulación de colores - [Convertidor HEX a LAB](https://elysiatools.com/es/tools/hex-to-lab-converter): Convertir valores de color HEX a LAB para gestión de color con soporte de canal alfa ## 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 Web Rust](https://elysiatools.com/es/samples/web-image-processing-rust): Ejemplos de procesamiento de imágenes Web Rust incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Web TypeScript](https://elysiatools.com/es/samples/web-image-processing-typescript): Ejemplos de procesamiento de imágenes Web TypeScript incluyendo lectura/guardado de imágenes, escalado y conversión de formato ## Contenido relacionado - [Herramientas de conversion de espacios de color para web e impresion](https://elysiatools.com/es/hubs/design-convert): Herramientas reunidas para conversion de espacios de color entre web e impresion en un solo hub. - [Generadores de efectos CSS, paletas y tokens de diseno](https://elysiatools.com/es/hubs/design-generate): Herramientas reunidas para efectos visuales CSS, construccion de paletas y generacion de tokens de diseno en un solo hub. - [Herramientas de auditoria de accesibilidad web y color accesible](https://elysiatools.com/es/hubs/web-accessibility-audits): Revisa problemas WCAG, orden de lector de pantalla, fallos de contraste, riesgo de vision cromatica y elecciones de color accesible en un solo hub para flujos de accesibilidad web. - [Herramientas de Diseño de Color y Conversión de Espacios de Color](https://elysiatools.com/es/hubs/color-design-tools): Comparar convertidores de color, generadores de paletas, herramientas de armonía, verificadores de accesibilidad y utilidades de ajuste de color en un solo lugar para diseñadores y desarrolladores.