今天是挑战的 Day 002。我带来了一个“全能色彩代码转换器”工具。

全能色彩代码转换器

01. 为什么要做这个工具？

你有没有遇到过这种抓狂的时刻？

甲方发来一个 HEX 网页色值，印刷厂师傅却管你要 CMYK？

在做 UI 设计时，想把颜色调得“亮一点”，却在 RGB 的数值里迷失了方向？

最要命的是，当你翻开《中国颜色体系》或建筑国标色卡，看到的参数竟然是 Y10x10y10？

那一刻，你看着手里的 Photoshop 拾色器，发现它竟然没有这个选项。

色彩，不仅仅是红绿蓝。它是光，是墨，更是科学。

为了解决这个痛点，我用 AI “手搓”了一个全能色彩代码转换器。不翻页、不跳转，在一屏之内，看透颜色的所有“马甲”。

02. 它能做什么？

这是一个工业级的仪表盘工具。

它的核心功能只有一个：全维度联动。

你只需要修改任意一个参数（比如把 RGB 的红拉满），其他的 HEX、HSL、CMYK 甚至晦涩难懂的 CIE xyY 都会毫秒级自动同步。

它特别针对“国标”做了优化：

很多设计师在通过国标色卡选色时，只能查到 xyY 坐标。比如当我查看国标，或者色卡时候：

上面的色度坐标是不是让你觉得也有些懵？

现在，你把坐标填进去，它立刻告诉你这是什么 RGB，直接就能在电脑上用！而且其他色值立刻计算出来。

03. 色彩“硬科普”

既然有了工具，那我们顺便聊聊这些代码背后，到底代表了什么？（以下内容已内置在工具中，随时可查）

🌐 HEX：网页的“身份证”

定义：十六进制颜色码 (Hexadecimal)。

人话：这是给浏览器看的。它把 RGB 三个数字压缩成了一串 6 位的“密码”。做网页、写代码，认准它。

👁️ RGB：光的“三原色”

定义：Red, Green, Blue。

人话：这是屏幕的语言。你的手机、显示器都是靠发光来显示颜色的。数值越大，光越强，颜色越亮。三个 255 就是亮瞎眼的白，三个 0 就是关灯的黑。

🎨 CMYK：油墨的“减法”

定义：Cyan (青), Magenta (品红), Yellow (黄), Key (黑)。

人话：这是打印机的语言。油墨是越混合越黑的（减色法）。为什么打印出来的总是比屏幕上暗？因为屏幕在发光，而纸张不发光。注意：屏幕模拟的 CMYK 仅供参考，印刷一定要拿色卡对色！

🧠 HSL：人类的“直觉”

定义：Hue (色相), Saturation (饱和度), Lightness (亮度)。

人话：这是最符合人类直觉的模式。

RGB 很难调色，但 HSL 很简单：

想换个颜色？动 H。

想鲜艳点？加 S。

想亮一点？加 L。

做设计调色，首选 HSL。

📐 CIE xyY：国标的“标尺”

定义：CIE 1931 色度坐标。

人话：这是色彩的物理坐标，也是国标常用的标准。

它把颜色拆成了“亮度”(Y) 和“色度”(x,y)。无论你的屏幕怎么偏色，x 和 y 的物理位置是永恒不变的。它是连接不同设备、不同标准的桥梁。

写在最后

这个工具的代码，完全由 AI 辅助生成。从布局到那些复杂的色彩转换数学公式（比如 Gamma 校正、矩阵变换），AI 的表现令人惊讶。

这就是 365-tools 挑战的意义：不是为了替代谁，而是为了让我们每一个人，都能拥有将想法瞬间转化为产品的能力。