破瓶子 RGB/CMYK配色工具（HTML+JS+CSS）
项目概述
"破瓶子" 是一款直观易用的在线配色工具，支持 RGB 和 CMYK 两种主流颜色模式的精确调整与转换。该工具专为设计师、开发者和任何需要处理数字或印刷颜色的用户打造，提供了颜色预览、参数调整、配色方案推荐以及渐变效果展示等功能，帮助用户轻松获取所需颜色值并探索相关配色可能性。
核心功能
双模式支持：
RGB 模式：通过红、绿、蓝三原色精确调整颜色
CMYK 模式：模拟印刷四色（青、品红、黄、黑）进行颜色调配
多种交互方式：
滑块控制：直观拖动滑块调整颜色参数
数值输入：精确输入颜色参数值
取色功能：支持从屏幕任意位置取色（需现代浏览器支持）
一键复制：点击颜色块或色值即可复制十六进制颜色代码
颜色展示与衍生：
实时颜色预览：大型颜色块直观展示当前颜色
配色方案推荐：自动生成与当前颜色协调的配色方案
渐变展示：提供当前颜色到白色和到黑色的渐变过程展示
技术实现
前端架构：采用原生 HTML、CSS 和 JavaScript 构建，无需依赖任何框架
响应式设计：自适应不同屏幕尺寸，在移动设备和桌面设备上均有良好表现
颜色转换算法：实现了 RGB 与 CMYK 颜色空间的精确转换
交互优化：使用动画帧（requestAnimationFrame）避免不必要的重绘，提升性能
用户体验：悬停显示详细颜色信息，操作反馈清晰明确
使用指南
1.选择颜色模式（RGB 或 CMYK）
2.通过滑块或输入框调整颜色参数
3.查看实时更新的颜色预览
4.探索推荐的配色方案和渐变效果
5.点击颜色块或十六进制值复制颜色代码
6.使用取色工具从屏幕任意位置获取颜色（现代浏览器）
注意事项
1.屏幕显示的颜色可能与印刷颜色存在差异，CMYK 模式仅供参考
2.取色功能需要最新版 Chrome、Edge 或 Opera 浏览器支持
3.所有颜色值均可点击复制，方便在设计或开发工具中使用
4.这款配色工具既适合专业设计师进行精确的颜色调配，也适合普通用户快速获取所需颜色代码，是数字创作和网页开发的实用辅助工具。
