RGB转CMYK工具 - 屏幕色与印刷色互转

功能说明：当输入的RGB颜色超出CMYK印刷色域时，工具会立即显示醒目的警告标识，提醒设计师该颜色在印刷时无法准确复现。

检测原理：工具内部维护了一套CMYK色域的边界模型。当RGB颜色经过标准转换公式计算后，若某个分量需要被钳制（clamped）到0%，则说明该颜色超出色域。具体判断逻辑：

• 将RGB归一化为0-1范围
• 计算K值（黑色分量）
• 计算理论C、M、Y值
• 若任一值为负数（被钳制为0），则标记为超色域

警告呈现：工具会显示一个带有⚠️标识的黄色警告框，文字说明"此RGB颜色超出了CMYK印刷色域，印刷效果可能与屏幕显示存在差异"。同时，右侧的印刷模拟色块会直观展示该颜色印出来的实际效果。

实用价值：这是本工具最核心的差异化功能。大多数在线转换工具只给出数值，不告诉你"这个颜色印不出来"。而我们的工具主动预警，让你在设计阶段就规避印刷风险，避免交付后才发现问题。

功能说明：在界面右侧提供一个"印刷模拟CMYK"色块，显示当前颜色经过CMYK转换后的理论印刷效果。让设计师在屏幕上就能"看到"印出来大概是什么样子。

模拟原理：该色块的背景色直接使用计算出的CMYK值对应的RGB近似值进行渲染。虽然不同印刷设备、纸张、油墨组合会产生细微差异，但这个模拟效果能给出一个合理的参考预期。

视觉对比：界面左侧是"屏幕色RGB"（原始颜色），右侧是"印刷模拟CMYK"（转换后颜色），两个色块并排显示，方便直观对比。当颜色超出色域时，两者的差异会更加明显——比如荧光绿在RGB下很亮，但在印刷模拟下会明显变暗变灰。

实用价值：对于不熟悉CMYK数值的设计师，直接看色块比看数字更直观。这个功能让你无需打开Photoshop就能快速预览印刷效果，大大提升了工作效率。

功能说明：内置一套常用颜色预设库，包含各种典型色彩（如纯红、纯蓝、纯绿、黑色、白色、灰色等），点击即可一键加载到转换区域。

预设内容：预设颜色覆盖了设计中最常用的基础色，每个预设都显示其对应的RGB、HEX和CMYK值。用户可以快速了解这些常见颜色在CMYK下的表现。

实用价值：

• 快速测试：无需手动输入数值，点击即可测试各种典型颜色的CMYK表现
• 教学演示：教师可以用预设颜色批量展示不同色相的转换效果
• 基准参考：了解常见颜色的"标准"CMYK值，建立色彩直觉

操作方式：在"预设颜色"区域点击任意色块，该颜色会立即加载到上方的RGB输入区域，所有数值和印刷模拟色块同步更新。

功能说明：内置浏览器原生取色器（Color Picker），可以直接从屏幕上选取任意颜色进行转换，无需手动查找和输入RGB数值。

工作原理：利用HTML5的input type="color"元素，调用操作系统的颜色选择界面。用户可以在取色器的色盘上点击选取颜色，也可以直接输入HEX色值。

实用价值：

• 设计稿取色：打开设计稿截图，用取色器直接吸取颜色，立即查看其CMYK值
• 网页取色：浏览参考网站时，用取色器提取心仪的颜色进行转换
• 实物比对：如果显示器经过校准，可以用取色器近似匹配实物颜色

操作方式：点击"取色器"标签旁的颜色选择框，在弹出的取色器界面中选择颜色，RGB输入区域会自动同步更新。

功能说明：同时显示HEX、RGB、CMYK三种色彩格式的数值，任一格式的修改都会自动同步到其他格式。

支持格式：

• HEX：六位十六进制色值（如#FF6B35），网页设计最常用
• RGB：红绿蓝三通道（如R:255 G:107 B:53），屏幕显示标准
• CMYK：青品黄黑四通道（如C0 M64 Y78 K0），印刷标准

实用价值：设计师在不同软件间切换时，经常需要在不同色彩格式间转换。本工具让你在一个界面就能看到所有格式的对应值，省去了反复查表或使用多个工具的麻烦。

操作方式：在任意一个格式的输入框中修改数值，其他格式会自动计算并更新。例如在HEX框输入#00FF00，RGB会显示R:0 G:255 B:0，CMYK会显示C:100 M:0 Y:100 K:0。