调色盘代码巫师
RGB 滑块、HEX 显示、生成可复制的 CSS 代码片段；独家"颜色隐喻"帮孩子建立色彩直觉。
广告位
调色
颜色预览
HEX：
#ff6496
RGB：
rgb(255, 100, 150)
代码片段
颜色隐喻 + 学习
色环小实验
点色块快速选色
HEX 怎么读？
#FF6496 拆成 # + FF + 64 + 96 三组，每组是 16 进制（0–F）。FF = 255，64 = 100，96 = 150。这就是 RGB(255, 100, 150)。
广告位
它能解决什么问题
孩子想给画加"颜色代码"却不知从何下手。这里把滑数字 → 看颜色实时联动，每改一个数字立即能看到效果。
谁适合用
8 岁以上对画画/网页有兴趣的孩子；想做"代码画板"的小学生；以及对 hex/RGB 转换搞不清的人。
局限
不保存调色板历史；不支持 HSLA / 颜色名（red/blue 等）；色环 12 色固定，不能扩展。
常见问题
Q：什么是 HEX？什么是 RGB？
HEX 是用 16 进制表示 RGB 颜色的简写（#FF6496 = RGB(255,100,150)）。Web 设计师偏爱 HEX，工程师偏爱 RGB。
Q：怎么配出好看的颜色？
经验法则：饱和度（S）50%–70% 通常舒适；亮度（L）40%–60% 通常平衡；冷暖对比强烈时更活泼。
Q：复制 CSS 之后怎么用？
粘到任何 HTML 里 .my-class { background: #FF6496; }，或行内 <div style="...">。
Q：怎么引导？
让孩子调出"西瓜红"（R 高、G 低、B 中），再调出"夜空蓝"（B 高、R/G 低）——把"颜色 = 三个数字"印进脑子里。