从文本中提取十六进制颜色代码

如何使用十六进制颜色代码提取器

粘贴 CSS、HTML、设计笔记或任何包含十六进制颜色的文本。该工具会查找类似的代码 #0F5C8C 和 #abc，然后列出它们以供复制或下载。处理在您的浏览器中运行。

1. 粘贴你的文本 输入框中（样式表、HTML片段或设计笔记）。
2. 选择选项
   • 移除重复的颜色 — 每种颜色只保留一次。
   • 标准化格式（大写） — 规范为大写十六进制。
   • 包括短格式颜色 (#abc) — 也匹配三位十六进制。
   • 将短格式扩展为6位数字 (#abc → #AABBCC) — 启用短格式后，将 #abc 展开为 #AABBCC。
   • 显示颜色预览 — 在数值旁边显示样本色块。
3. 点击“提取颜色代码”.
4. 复制、下载或查看 提取的列表和预览。

常见用例

• CSS / 主题审计： 从样式表或设计令牌文件中提取所有十六进制颜色。
• 品牌一致性： 收集在 HTML 模板或电子邮件标记中使用的颜色。
• 设计交接： 在重建 UI 工具包之前，从笔记或导出的 CSS 中提取颜色。
• 清理： 在合并调色板之前，查找剩余或重复的颜色。

检测到哪些格式？

• 6位十六进制： #0F5C8C, #ff5733 （有或没有 # 根据文本中的上下文
• 三位数字简写： #abc, #F00 （当“包含简写形式”启用时）
• 扩展短格式： #abc → #AABBCC 启用展开时

RGB/HSL 函数在此未被转换——此工具仅提取十六进制颜色代码。

示例：前后

启用“包括缩写形式”、“展开缩写形式”、“去重”和“标准化格式”后：

.btn {
  color: #ff0000;
  background: #abc;
  border-color: #FF0000;
  outline: #0F5C8C;
}

#FF0000
#AABBCC
#0F5C8C

#ff0000 和 #FF0000 折叠为一个大写值。短 #abc 扩展为 #AABBCC.

常见问题解答 (FAQ)

隐私

所有匹配都在您的设备上通过 JavaScript 进行。我们不会存储您粘贴的文本或提取的颜色。