正在加载工具...
📖 颜色转换使用教程
1
选一种表示法
在 HEX、RGB、HSL 三栏中的任意一栏输入或调整数值。
2
看其余自动更新
另外两栏与顶部色块会立即同步，无需点击按钮。
3
微调颜色
只改 HSL 的亮度即可得到同色系的深浅版本，适合做 hover 与禁用态。
4
复制结果
点「复制 HEX」直接把色值用于 CSS 或设计工具。
🎯 为什么选择 NBTools 在线颜色转换？
三栏联动
改任意一栏，另外两栏与预览色块同步刷新。
HSL 更好调
只改亮度就能得到深浅变体，比同时调三个 RGB 通道直观得多。
随机取色
内置随机颜色，适合做占位色、图表配色与灵感参考。
本地处理
颜色值在浏览器本地换算，数据不上传服务器。
❓ 颜色转换常见问题
可以。HEX是十六进制表示，RGB是十进制分量，二者可精确互转。
HSL用色相、饱和度、亮度描述颜色，调整亮度或饱和度时比RGB更直观。