正在加载工具...
📖 调色板生成使用教程
1
选基础色
用取色器或输入 HEX。
2
选模式
互补/三色组/类似色/分裂互补/单色系。
3
看配色
实时生成色板。
4
导出
复制 CSS 或 SCSS 变量。
🎯 为什么选择 NBTools 在线调色板生成？
理论驱动
基于 HSL 色相环推导。
明暗层级
单色系扩展深浅。
一键导出
CSS/SCSS 变量直接可用。
本地处理
不上传服务器。
❓ 调色板生成常见问题
支持单色系、互补色、三色组、类似色、分裂互补五种，均基于基础色的 HSL 色相环推导，其中单色系会额外扩展明暗层级。
可导出 CSS 变量（--color-1）或 SCSS 变量（$color-1），直接粘贴进样式文件即可引用。