光、眼睛，以及两种混合
颜色不是覆在物体上的一层涂料。它是光，再加上把波长解读成红、黄或蓝绿的大脑。屏幕在加光（加色法）：红、绿、蓝会趋向白色。印刷和颜料在减光（减色法）：油墨滤掉波长，混合则趋向黑色。所以显示器上的霓虹，很少能在纸上得到同一效果。
RGB：屏幕如何计数颜色
手机或笔记本上的一个像素是三盏小灯。每个通道通常存成 0–255（八位）。(0, 0, 0) 是黑，(255, 255, 255) 是白，(255, 0, 0) 是满红。十六进制是同一组三元组的网页写法：#FF0000 就是那红，#000000 是黑。设计师仍说 RGB，因为显示器真正发出的就是这些光。
CMYK：打印为何对不上屏幕
打印机铺的是青、品红、黄和黑（K）墨。它们不能发光，只能吸光，所以屏幕的 RGB 色域通常大于大多数 CMYK 印刷机。显示器上饱和的电光蓝，到纸上往往会发闷。承诺印刷色之前先转到 CMYK，并在实际纸张上打样。PictorX 可以从所选颜色显示 CMYK 数值，让你看见差距；它替代不了印刷机的色彩配置。
HSL 与 HSV：设计师的旋钮
色相是彩虹上的位置（0–360°）。饱和度是纯与灰的距离。明度（HSL）是靠近白还是黑；明度/亮度（HSV）是靠近黑、却能把色相保持鲜艳到最后。设计师爱用 HSL 和 HSV，因为“暗一点，还是那个橙”是一条滑杆，不用在三个 RGB 数字里猜。
十六进制与 CSS 命名色
十六进制（#RRGGBB，有时是 #RGB 或 #RRGGBBAA）是网页上的 RGB 速记。CSS 还自带命名色——coral、steelblue、rebeccapurple——对应固定的十六进制。起稿用名字方便；品牌必须对得上时，交付的是十六进制（或现代 CSS 颜色函数）。
色轮与色彩关系
色轮把色相排成一圈。经典关系：互补色相对（蓝与橙），对比强；类似色是邻居，感觉亲近；三色一组均匀隔开，仍然活泼；分裂互补取一色加上其对面两侧，对比在、冲突少；单色是同一色相的多种明度。PictorX 的调色板生成器目前保留互补、类似和单色。即便某个工具没有提供全部和谐，色轮仍能讲清其余经典关系。
渐变：颜色之间的路径
渐变是沿路径的混合。线性朝一个方向走；径向从中心长出。色标把精确颜色钉在路径上的位置。色标多意味着控制多，并不自动等于更好看。CSS 里的 linear-gradient 与 radial-gradient 是同一思路。PictorX 的渐变编辑器可以拖色标，并复制 CSS、HEX、RGB、HSL、HSV 或 CMYK。
对比、无障碍、暖色与冷色
对比是两种颜色在明度（以及色相）上隔多远。WCAG 要求足够对比，好让文字可读：AA 级大约是正文 4.5:1、大字 3:1。那是下限，不是风格。暖色（红、橙、黄）显得更近；冷色（蓝、绿、紫）往后退。对比给文字和界面用；冷暖给情绪用。
PictorX 中的色彩工具
色轮用来选色相、读和谐。渐变编辑器管混合和 CSS。调色板生成器可搭建、锁定、打乱一组颜色，也能从照片抽色。颜色迁移用另一张图的调色板给这张图换装，全程在浏览器里。色彩效果把照片推进色调和别的样子。这些都替代不了印刷机或分光光度计；只是很快看清颜色在一张图上会怎样。
常见问题
RGB 和 CMYK 有什么不同？
RGB 是屏幕上的加色光（每通道通常 0–255）。CMYK 是纸上的减色墨。色域不同，所以屏幕色常常印不精确。
色轮上的互补是什么意思？
互补色彼此相对。放在一起对比很强。PictorX 的调色板生成器可以从起始色做出一组互补色。
设计师为何用 HSL 而不是 RGB？
色相、饱和度、明度贴近我们谈论颜色的方式。在 HSL 里把橙色加深，不必像胡乱改 RGB 那样，一不小心混成棕色。
WCAG 要求多少对比？
AA 级大约是正文 4.5:1、大字 3:1。要在真实背景上检查文字，不要只看色块样品。
相关工具
色轮
在交互轮上选择一种颜色，生成互补色、类似色、三色色和其他调色板，并复制 HEX、RGB、HSL、HSV 或 CMYK。没有上传任何内容。
渐变编辑器
在浏览器中制作线性和径向 CSS 渐变。拖动色标、设置角度，并复制 CSS、HEX、RGB、HSL、HSV 或 CMYK。不会上传任何内容。
调色板生成器
在浏览器中创建、锁定并打乱调色板。复制 HEX、CSS 变量或 JSON，导出 PNG 或 SVG，并从照片提取颜色。不会上传任何内容。
色彩转移
用第二张图的颜色给照片重新上色。浏览器中实时预览，可调强度，可选保留亮度。不会上传任何内容。
电光梦境滤镜
通过效果 → 颜色为照片注入电影感。效果 → 颜色 → 霓虹发光让霓虹边缘脉动，效果 → 颜色 → 热力图映射数据感热力图，效果 → 颜色 → 双色调锁定双色调氛围。叠加滤镜、调节不透明度，把普通照片变成海报级电光梦境。 在浏览器中免费使用 PictorX，无需安装软件。
准备好尝试了吗？
在浏览器中打开 PictorX — 无需安装，无需信用卡即可启动。
试试色轮