发布:2026年10月24日 18:05 北京时间 · 更新:2026年10月24日 18:05 北京时间
HEX颜色用十六进制表示红绿蓝通道,六位形式每两位对应一个通道。理解这个关系后,可以快速核对设计稿与CSS是否使用同一颜色,三位缩写则要按位展开。
操作示例与判断方法
#336699对应RGB的51、102、153;#369展开后也是#336699。先用这个样本验证,再输入自己的品牌色。复制到CSS时检查目标函数需要0至255通道值,还是另一种百分比形式。
在站内工具中复现
打开HEX转RGB,按当前页面列出的输入项设置参数。下面的工具样本用于核对字段;上面的场景解释用于判断结果是否符合你的用途。
- HEX 颜色
工具内置样本
HEX 颜色:#287fe6当前实现范围
支持三位与六位十六进制颜色,输出 0–255 RGB 通道。
容易误解的地方
本站支持三位和六位颜色,不把透明度混入这两个形式。屏幕显示还受色彩环境影响,数值一致不保证不同设备观感完全相同。
完成后如何验收
做HEX到RGB再反向核对,检查每个通道。需要透明度时另行记录alpha,不要把八位颜色直接当六位颜色截断。
制作说明
本文为DDLONG站内工具实用指南,由AI辅助起草并结合本站工具实现整理。示例用于解释操作,不代表已完成专业鉴定、现场采访或对所有设备的兼容性测试。工具界面更新后请以当前字段与报错为准;发现问题可使用页面纠错入口。
相关实用指南
真实来源
本文含 AI 辅助翻译或整理,保留真实来源;翻译不等于原创报道。