# 颜色扩展器 将3位HEX代码扩展为6位代码（如#FFF到#FFFFFF） > 标准页面: https://elysiatools.com/zh/tools/color-expander - **分类:** Design - **关键词:** hex, 颜色, 扩展, 复制, 加长, css, 网页, 十六进制, 标准化 ## 概述 颜色扩展器是一个在线工具，用于将3位HEX颜色代码快速扩展为6位标准格式，便于在网页设计、CSS开发等场景中使用。 ## 输入项 - **HEX颜色** (textarea): Enter HEX colors, one per line: #FFF #000 #F00 #0F0 #00F #FF0 #F0F #0FF FFFFFF 000000 - **输出格式** (select) - **显示已6位颜色** (checkbox): 显示已为6位颜色的原因 ## 适用场景 - 当需要将简短的3位HEX代码转换为完整的6位代码以兼容各种系统时。 - 在编写CSS样式表时，确保所有颜色代码格式统一和标准化。 - 处理从设计工具或代码片段中提取的颜色数据，需要批量扩展格式。 ## 工作原理 - 在文本区域输入HEX颜色代码，每行一个，支持3位或6位格式。 - 从下拉菜单中选择输出格式，例如大写、小写或带井号。 - 可选地勾选“显示已6位颜色”以包含已扩展的颜色。 - 点击扩展按钮，工具将自动处理并输出扩展后的颜色代码。 ## 使用案例 - 网页设计师在CSS中统一颜色代码格式，提高代码可读性。 - 开发人员处理来自不同来源的颜色数据，确保兼容性。 - 教育场景中，帮助学生理解HEX颜色代码的扩展原理。 ## 常见问题 ### 这个工具支持哪些输入格式？ 支持3位和6位HEX颜色代码，输入时每行一个。 ### 输出格式有哪些选择？ 可以选择大写（#FFFFFF）、小写（#ffffff）、带井号或不带井号等格式。 ### 可以一次处理多个颜色吗？ 是的，通过在文本区域输入多个颜色代码，每行一个，即可批量处理。 ### 扩展后的颜色值会改变吗？ 不会，工具通过重复每个字符来扩展3位代码，确保颜色值完全相同。 ### 这个工具是否需要安装或付费？ 不需要，这是一个免费的在线工具，直接在浏览器中使用。 ## 相关工具 - [Adobe RGB转HEX转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-hex-converter): 将Adobe RGB颜色值转换为HEX格式用于网页设计 - [CMYK转HEX转换器](https://elysiatools.com/zh/tools/cmyk-to-hex-converter): 将印刷色彩CMYK转换为屏幕色彩HEX - [颜色缩短器](https://elysiatools.com/zh/tools/color-shortener): 将6位HEX代码简化为3位代码（如#FFFFFF到#FFF） - [HEX转Adobe RGB转换器](https://elysiatools.com/zh/tools/hex-to-adobe-rgb-converter): 将HEX颜色值转换为Adobe RGB格式用于专业设计 - [HEX转CMYK转换器](https://elysiatools.com/zh/tools/hex-to-cmyk-converter): 将屏幕色彩HEX转换为印刷色彩CMYK，支持alpha通道 - [HEX转HSL转换器](https://elysiatools.com/zh/tools/hex-to-hsl-converter): 将HEX颜色值转换为HSL用于屏幕显示 - [HEX转HSV转换器](https://elysiatools.com/zh/tools/hex-to-hsv-converter): 将HEX颜色值转换为HSV/HSB用于色彩操作 - [HEX转LAB转换器](https://elysiatools.com/zh/tools/hex-to-lab-converter): 将HEX色彩值转换为LAB用于色彩管理，支持alpha通道 ## 示例 - [颜色代码示例](https://elysiatools.com/zh/samples/color-code): 用于验证测试的各种格式颜色代码集合（Hex、RGB、HSL、命名颜色） - [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换 - [Web Rust 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-rust): Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换 - [Web TypeScript 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-typescript): Web TypeScript 图像处理示例，包括图像读取保存、缩放和格式转换