🔥 如何让代码中的颜色值一目了然？Color Highlight：Sublime Text必备的轻量级颜色高亮神器
项目地址: https://gitcode.com/gh_mirrors/co/ColorHighlight Color Highlight 是一款专为 Sublime Text 打造的轻量级颜色高亮插件，能够自动识别代码中的颜色值（如十六进制、RGB、HSL等格式）并实时显示对应颜色背景，同时支持在编辑器边栏生成颜色图标，让开发者直观感知颜色效果，显著提升前端开发、设计相关代码的可读性与编辑效率。
🚀 为什么选择 Color Highlight？3大核心优势
✅ 支持20+种颜色格式，覆盖全场景开发需求
无论是CSS中常见的#FFFFFF十六进制色值、rgb(255,255,255)函数式写法，还是专业设计领域的lab(100,0,0)、lch(0,0,100)等CIELAB格式，Color Highlight都能精准识别并高亮显示。甚至连ANSI逃逸序列（如\033[38;2;255;255;255m）也能完美解析，满足终端样式开发需求。
✅ 双重视觉提示：背景高亮+边栏图标
插件不仅会为代码中的颜色值添加实时背景色，还会在左侧边栏生成对应颜色的图标，支持圆形、方形、填充三种显示模式（可在设置中切换）。双重提示让颜色定位更直观，告别反复查表的低效工作流。
图：Color Highlight提供的三种边栏颜色图标样式（圆形/方形/填充）
✅ 轻量无负担，性能优化出色
作为轻量级插件，Color Highlight在实现强大功能的同时保持了极低的资源占用。经过v1.2.0版本的内部逻辑优化，即使在大型项目文件中也能流畅运行，不会造成编辑器卡顿。
🎬 一眼看穿效果：动态演示
通过下面的动态图可以直观感受Color Highlight的实时高亮效果——代码中的各种颜色格式（十六进制、RGB、HSL）被自动识别并渲染，颜色变化即时反馈，极大提升开发效率：
图：Color Highlight在Sublime Text中实时高亮代码颜色值的动态效果
📦 超简单安装：2种方法任选
方法1：通过Package Control一键安装（推荐）
- 打开Sublime Text，按下
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）调出命令面板 - 输入
Package Control: Install Package并回车 - 搜索
Color Highlight，点击安装即可完成
方法2：手动下载安装
- 克隆仓库：
git clone https://gitcode.com/gh_mirrors/co/ColorHighlight - 将下载的文件夹重命名为
Color Highlight - 复制到Sublime Text的
Packages目录（可通过Preferences > Browse Packages打开）
⚙️ 个性化配置：3步打造你的专属高亮方案
🔧 基础设置入口
通过命令面板打开配置文件：
Preferences: Color Highlight Settings - User
🔨 常用配置项推荐
{
"gutter_icon": "circle", // 边栏图标样式：circle/square/fill
"highlight_values": true, // 是否高亮颜色值文本区域
"live_highlight": true // 是否启用实时高亮
}
🎯 快速开关高亮
临时禁用/启用高亮：
在命令面板中搜索 Color Highlight: Disable Color Highlight 或 Color Highlight: Enable Color Highlight
📝 支持的颜色格式全清单
Color Highlight支持目前主流的20+种颜色表示方式，覆盖前端开发、设计工具、终端样式等多场景需求：
- CSS命名色：
red、blue、aquamarine等CSS3标准颜色名 - 十六进制：
#FFF、#FFFF、#FFFFFF、#FFFFFFFF、0xFFFFFF - RGB/RGBA：
rgb(255,255,255)、rgba(255,255,255,0.5) - HSL/HSLA：
hsl(0,100%,50%)、hsla(0,100%,50%,0.5) - 专业色彩模型：HSV/HSVA、HWB、Lab、LCH
- 终端ANSI序列：3/4位、8位、24位真彩色逃逸序列
⚠️ 注意事项
- 项目自2018年起进入维护模式，目前由SublimeText官方团队进行必要的bug修复
- 如需更丰富的功能（如颜色拾取器、调色板），可尝试替代方案：Color Helper
📄 开源协议
Color Highlight基于MIT协议开源，源代码可通过项目仓库获取，欢迎开发者参与贡献或二次开发。
通过这款轻量级插件，让代码中的颜色值不再是冰冷的字符，而是直观可见的视觉元素。立即安装Color Highlight，为Sublime Text解锁高效颜色开发体验吧！
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
