颜色转换工具怎么用？HEX、RGB、HSL换算与CSS配色、对比度实战

摘要：这个颜色转换工具，核心就一件事：把同一个颜色在十六进制（HEX）、RGB、HSL、CMYK四种写法之间来回翻译，你在一种格式里改值，其它格式实时跟着变，还配了个拾色器和几张常用色参考表。整个换算在你浏览器里用JavaScript实时完成，不联网、没延迟，它源码里那段后端PHP其实是没被调用的死代码。它最顺手的用途是把设计师给的色值在HEX和RGB之间互转、用HSL快速调出同色系配色、把屏幕色换算成印刷用的CMYK做个粗审。但有几件事得先说清：一是它的CMYK是数学公式硬算的近似值，不走色彩管理，真印刷不准；二是它的颜色名库只有四十几个，远不是CSS那一百五十多个命名色的全集；三是——也是最该知道的——它根本没有对比度计算功能，你想守住无障碍的WCAG对比度，得自己照公式另算。把它当"颜色值翻译器"，它好用；指望它当无障碍检测器或印刷打样工具，会落空。

做前端、做设计交付，颜色值这道坎天天要过。设计师丢给你一个#2E5A4B，你要把它写进CSS；品牌手册上写着一组RGB值，你得换成网页用的十六进制；想把一个主色调浅一点做悬停态，盯着十六进制根本无从下手；要把屏幕上的颜色拿去印包装，又得换成CMYK。同一个颜色，在不同场合穿着不同格式的外衣，看不懂这层外衣，配色就只能瞎试。

颜色转换工具干的，就是把这层外衣当场扒开互译。你在一种格式里敲个值，它立刻告诉你这颜色在另外几种格式下长什么样。这篇我们团队就把它怎么用、那几种颜色格式各自是什么、HSL为什么调色最顺手、它的CMYK和颜色名能不能信、以及一个最大的认知误区——它到底管不管无障碍对比度——一次讲透。

这个颜色转换工具，到底能换算哪几种格式？

先把它的家底盘清楚。它支持四种颜色格式的互转：十六进制HEX、RGB、HSL、CMYK。你在其中一种格式的输入框里改值，或者用拾色器点一个颜色，其余几种格式会实时刷新成同一个颜色的对应写法，上面还有一块色块实时预览当前颜色。整个过程在你浏览器本地用JavaScript算完，不往服务器传任何东西。

有一点要说明：它源码里其实写了一段处理颜色转换的后端PHP，但前端从头到尾没调用过它，所有换算都是纯前端JS干的。也就是说那段后端是没用上的死代码，删了也不影响功能。这对你是好事——纯前端意味着换算快、且颜色值不出本机。

但它的格式支持也有边界，用之前要清楚。它不支持把带透明度的RGBA或HSLA当作独立格式输入，透明度那一档是写死的；它也不做HSV（有些工具叫HSB）这种和HSL相近但不同的格式；它更不识别你输入一个颜色名（比如tomato）反查色值。它就是HEX、RGB、HSL、CMYK这四种之间的互译，认准这个范围用，不会有错位的期待。

HEX、RGB、HSL分别是什么，为什么前端要在它们之间换来换去？

要用好这工具，得先搞懂这几种格式各自的脾气，它们其实是同一个颜色的不同描述角度。

RGB最贴近显示器的物理原理：屏幕靠红、绿、蓝三盏灯叠加发光，每个分量取值0到255，三个数一组就定下一个颜色。HEX是RGB的另一种写法，把红绿蓝三个分量各用两位十六进制表示，拼成#RRGGBB六位，本质和RGB是一回事，只是更紧凑、写进CSS和HTML更省字，所以网页里最常见。这两种是"机器视角"，告诉机器三盏灯各点多亮。

HSL则是"人的视角"。它用色相（Hue，0到360度的色环角度）、饱和度（Saturation，颜色多鲜艳）、亮度（Lightness，多亮多暗）三个维度描述颜色。这套描述方式更符合人调色的直觉——你想"把这个红调淡一点""把这个蓝调灰一点"，在HSL里就是直接改某一个数，而在HEX里你根本不知道该往哪个方向改六位字符。

前端要在这几种格式间换来换去，正是因为不同场合各有最顺手的那一种：写进CSS用HEX省事，调色时切到HSL直观，对接设计或印刷时又要RGB或CMYK。这工具的价值，就是让你在这几副面孔间一键切换，不用自己心算那些换算公式。

这工具怎么用最顺手？

把这工具用顺，其实就是摸清它的输入入口和那几张参考表。实战里最常走的流程是下面几步。

1. 先确定你手头的色值是哪种格式，敲进对应输入框。从设计稿抄来一个#2E5A4B就敲进HEX框，品牌手册给的一组三个数就敲进RGB框。每种格式的框只认自己那套写法，敲错框会得到不对的结果。
2. 敲完立刻读其它几个框，那就是换算结果。几种格式是实时联动的，不用点按钮。比如HEX框敲进#2E5A4B，RGB框马上显示对应的三个数，HSL框显示对应的色相饱和度亮度，一眼就把这颜色的四副面孔看全了。
3. 不确定具体值、只想凭眼睛挑色，就用拾色器。点开系统拾色器拖一下，选中的颜色会同步填进各格式框。要注意拾色器选的HEX值是精确的，但你眼睛看到的颜色受显示器校准影响，不同屏幕略有差异。
4. 想要常用色，点参考表里的色块直接载入。它附了HTML标准色和一部分CSS扩展色的参考表，点哪个色块就把它的值填进各格式框，省得你记色值。
5. 结果满意，用一键复制把目标格式的值拷走。调好后复制你需要的那种格式，直接粘进CSS或设计软件即可。

这套流程背后没有复杂算法，就是几个标准的颜色空间转换公式在前端实时跑。摸清入口，剩下的就是理解每种格式在什么场合最该用——这正是下面要展开的。

为什么说HSL是前端调色最顺手的格式？

如果说这工具有个该被重点用起来的功能，那就是借HSL来调色。很多人配色时盯着HEX一通乱试，效率极低，而切到HSL会豁然开朗。

道理在于HSL把颜色拆成了三个可独立调节的维度。MDN的CSS的hsl颜色函数文档里就说明，HSL按色相、饱和度、亮度三个分量在sRGB色彩空间里表达颜色，这种表达比十六进制直观得多，便于直接调整。想生成一个颜色的悬停态？把亮度调低一点就行。想做一整套同色系的配色？固定色相，只改饱和度和亮度，调出来的颜色天然和谐。想要互补色？把色相加180度。这些操作在HEX里几乎无从下手，在HSL里就是改一个数字。

实际配主题色时，一个很顺的做法是：先用拾色器或HEX定下品牌主色，切到HSL看它的三个分量，然后固定色相、围绕它派生出一组明暗深浅不同的辅助色，再把每个色的HEX值复制出来写成CSS变量。这样得到的一套色不是东拼西凑的，而是有内在逻辑的同色系，视觉上整齐得多。这工具在这个流程里的角色，就是帮你在"直观的HSL调节"和"CSS要用的HEX值"之间无缝来回。

它的CMYK转换，能直接拿去印刷吗？

这工具支持把颜色转成CMYK，很多人会想当然地拿这个值去印刷，这里得踩个刹车。它的CMYK是数学公式硬算出来的近似值，不能直接当印刷标准。

原因在于，屏幕用的RGB是发光的加色模型，印刷用的CMYK是油墨叠加的减色模型，两者的色域并不完全重叠——有些屏幕上很鲜艳的颜色，油墨根本印不出来。专业的颜色管理要靠ICC色彩特性文件、要看具体的纸张和印刷工艺来精确转换，而这工具只是用一套通用的简化公式做了个粗略换算，没有任何色彩管理。它自己的说明里其实也诚实地提了这一点，承认转换会有色差、印刷前建议在CMYK模式下专业校色。

所以正确的用法是：拿它的CMYK值做个方向性的预览和初审，心里对"这颜色印出来大概偏哪边"有个数就够了，真正要付印，得把文件交给印刷厂用专业软件按实际工艺校色打样。把这工具的CMYK当参考可以，当交付标准不行。

颜色名能查吗？为什么它只认四十几个？

这工具附了几张常用色的参考表，点色块能载入颜色，但它的颜色名库规模有限，这一点值得说清，免得你以为它收全了。

它的参考表大致是HTML标准的16个基本色，加上一部分CSS扩展色，合起来四十几个。但CSS实际定义的命名颜色远不止这些。MDN的CSS命名颜色文档里列出，除了那16个基本色，CSS还另有约一百五十个带名字的颜色，像tomato、lightseagreen、rebeccapurple这些都在其中。也就是说这工具的色表只是个常用子集，不是命名颜色的全集。

这对你意味着什么？如果你要找的颜色恰好在它那四十几个里，点一下很方便；但要是你想查一个冷门命名色的具体值，它表里没有，你得另查MDN的完整列表。更要紧的是，它不支持反向查询——你输入一个颜色名让它告诉你色值，它做不到。它的参考表是"给你挑常用色"的便利，不是"颜色名词典"。认清这个定位，就不会对它的颜色名能力有过高期待。

它能帮我守住无障碍的对比度吗？

这是整篇最该破除的一个误会。很多人以为颜色工具理所当然会带对比度检测，于是想当然地拿它来核对无障碍。但这工具根本没有对比度计算功能——它只做颜色格式的互译，不算任何两个颜色之间的对比度，界面里压根没有这一档。

这事为什么重要？因为文字和背景的对比度不够，是网页无障碍最常见的硬伤，视力不佳的用户会看不清，而对比度也是搜索引擎衡量页面体验时会参考的信号之一。WCAG无障碍标准对此有明确的硬指标。W3C的WCAG对比度最小值标准规定：普通正文文字和背景的对比度至少要达到4.5比1，大号文字（约18磅以上或加粗14磅）至少3比1，而更严格的AAA级要求正文达到7比1。这是个要拿数字卡的事，光靠眼睛看"差不多"是不行的。

这工具既然不算对比度，那对比度怎么得来？得自己照公式算：先把两个颜色各自算出"相对亮度"，再用较亮的亮度加0.05、除以较暗的亮度加0.05，得到的比值就是对比度。你可以用这工具先把文字色和背景色的RGB值取出来，再套这个公式（或用专门的对比度检测工具）算出比值，对照4.5比1的及格线判断。一个做品牌配色的人，光把颜色调好看不够，还得守住这条对比度底线，否则页面对一部分用户就是不友好的。把"换算颜色值"和"核对对比度"当成两件事、用两套工具，才不会漏掉无障碍这一环。

HEX→HSL→HEX来回转，颜色会不会悄悄变掉？

还有个细节坑值得一提：你把一个颜色从HEX转到HSL、调一调再转回HEX，得到的值偶尔会和原来差一点点。这不是工具坏了，是颜色空间转换里的舍入误差。

原因是RGB和HSL之间换算时会做四舍五入取整。RGB的分量是0到255的整数，HSL的分量也常被取整，来回转换时，小数部分被反复抹掉，个别边界色值就可能在往返中偏一两个数。对绝大多数颜色，来回转是稳的、看不出差别；但碰上某些刚好卡在取整边界的值，往返一趟可能就不完全是原来那个HEX了。

实战里怎么避免被它坑？很简单：以一种格式为"权威源"。比如你的品牌色就以HEX为准，调色时临时转到HSL操作，但最终落地时回到那个原始HEX，别把"转出来的HEX"反复当新基准来回折腾。把一种格式钉死为标准，其它格式只是临时换算视角，就不会因为来回转积累出肉眼可见的色差。

一个手工陶瓷餐具出海站，怎么用它把品牌色铺成一套CSS变量？

讲再多原理，不如顺一个真实场景。一个做手工陶瓷餐具的出海站，品牌调性是温润的窑变釉色，设计师定了一个主色——一种带灰调的青瓷绿，给的是HEX值#5E8B7E。运营要把整站的按钮、链接、强调色按这个主色铺成一套和谐的CSS变量，这就得做几轮颜色换算和派生。

第一步，把#5E8B7E敲进工具的HEX框，切到HSL看它的三个分量，得到大致的色相、饱和度、亮度。记住这个色相，它是整套配色的锚。第二步，固定色相不动，调亮度派生出几个层次：把亮度调高得到浅色用于背景和悬停态，调低得到深色用于按下态和文字，再适当降低饱和度得到一个更灰的辅助色用于次要元素。每调好一个，就把它的HEX复制出来。

第三步，把这几个HEX值写成CSS变量，比如主色、浅色、深色、辅助色各一个，整站统一引用。因为它们同色相、只在明暗饱和上有别，铺出来的页面天然协调，是一套有逻辑的色而不是拼凑的。最后还有关键一步：用文字色和背景色去核对对比度——比如深青瓷绿的文字配浅米色背景，按前面讲的公式算一下比值，确认达到4.5比1，保证海外用户里视力不佳的那部分也能看清。整个流程里，这工具负责"换算与派生颜色值"，对比度则另算，两件事配合，才把一套既好看又不丢无障碍的品牌色落地。

颜色换算在前端和SEO里，到底有哪些真实用处？

把坑都说透了，回头看它的价值。颜色换算在前端日常里用得很广，也和体验、SEO有间接的关联。

最高频的是设计与开发的对接。设计师习惯用RGB或HSL，开发要的是写进CSS的HEX，这工具就是两边的翻译官。第二是主题与配色系统，前面讲的用HSL派生同色系、铺成CSS变量，是搭建可维护主题的基本功。第三是跨媒介交付，做电商详情页的同时还要做印刷物料，RGB到CMYK的粗换算能帮你提前对色差心里有数。

和SEO的关联主要是间接的，但真实。页面的视觉体验、文字可读性是用户停留和跳出的影响因素，而对比度达标与否直接关系到一部分用户读不读得下去——体验信号好，对排名是加分项。把颜色用对、把对比度守住，本质是在打磨页面体验这块地基。它不像关键词那样直接，但属于"做好了不一定立刻见效、做砸了一定拖后腿"的那类基本功。和它同属这类基本功的，还有资源缓存与完整性校验，想顺带补上这块，可以看我们团队的哈希生成工具教程。

RGB和HSL之间，背后到底是怎么换算的？

用工具一键转固然方便，但懂一点换算原理，你才不会沦为只会点按钮的人，遇到结果不对劲时也能判断是哪儿出了问题。这几种格式的换算其实都不复杂。

HEX和RGB的互转最简单，纯粹是进制换算。HEX把红绿蓝三个分量各用两位十六进制写，#2E5A4B拆开就是2E、5A、4B三段，把每段当十六进制换成十进制，就是RGB的三个值（46、90、75）。反过来把RGB的每个数转成两位十六进制再拼起来，就回到HEX。这一步只是同一组数字在十六进制和十进制之间换装，没有任何信息损失。

RGB到HSL就稍微绕一点。它先在红绿蓝三个值里找出最大和最小的那个，亮度就是这俩的平均；饱和度看最大最小差得多大，差得越开越鲜艳；色相则根据是哪个分量最大、按一套角度公式算出0到360度里的位置。反过来从HSL回RGB是这套公式的逆运算。理解了这套逻辑你就明白：为什么HSL调亮度那么直观——因为亮度本来就是从最大最小值直接算出来的一个独立维度。想把十六进制和十进制之间的换算彻底搞通，可以配合我们团队的进制转换工具教程一起看。

做暗色模式配色，HSL能派上什么用场？

这两年暗色模式几乎是网站标配，而配暗色模式恰恰是HSL大显身手的场合。很多人做暗色模式的第一反应是把背景设成纯黑、文字设成纯白，结果做出来又刺眼又廉价，问题就出在不懂用HSL调。

暗色模式配色有几条经验，用HSL落地最顺。第一，别用纯黑纯白。纯黑背景配纯白文字对比过猛，长时间看很累，应该用很深但不死黑的背景（在HSL里把亮度设得很低但不为零）配略微发灰的文字（亮度很高但不到顶）。第二，暗色下要适当降低颜色的饱和度，因为同样鲜艳的颜色在深色背景上会显得过分刺眼，把HSL的饱和度调低一点会柔和很多。

第三，亮色模式那套颜色不能简单照搬到暗色，往往需要把每个色的亮度反转、饱和度微调。用HSL来做这件事，你只需固定色相、调整亮度和饱和度两个数，就能为暗色模式派生出一套协调的对应色，而不用每个颜色重新瞎试。这就是HSL的威力：它把"调明暗"和"调鲜艳"变成了两个可以独立拧的旋钮。这工具帮你在HSL和HEX之间来回，正好支撑起这套暗色派生的流程。

拾色器取的色，为什么和设计稿对不上？

用这工具的拾色器或者从屏幕上取色时，有人会发现取出来的值和设计师给的对不上，或者同一个色在自己屏幕和同事屏幕上看着不一样，于是怀疑工具不准。其实多半不是工具的锅，是显示器和色彩管理的事。

道理在于，工具给出的HEX值是精确的数字，但这个数字最终在屏幕上显示成什么样，取决于显示器的校准。每块屏幕的色温、亮度、色彩还原能力都有差异，没校准过的屏幕显示同一个HEX可能偏暖偏冷。所以你看到的"颜色"是经过显示器这层翻译后的结果，而工具只对那个精确的数字负责，管不了你的屏幕准不准。

这对实战的启示是：颜色的"真值"以HEX数字为准，不以肉眼所见为准。团队协作时，传颜色一定要传HEX值而不是截图，因为截图经过各自屏幕显示后早就失真了。对色彩要求高的工作（如品牌视觉），还得用校准过的显示器、统一在sRGB这个标准色彩空间下工作，才能保证大家说的是同一个色。这工具的作用是给你精确的色值，但色值落到眼睛里准不准，是显示器的责任，得分清楚。

邮件模板和老环境，颜色到底该用哪种格式？

大多数场合这几种格式可以随便换着用，但有一个场景要特别小心——邮件模板。做出海的少不了发营销邮件、做邮件模板，而邮件里的颜色该用哪种格式，是有讲究的。

结论是：邮件模板里的颜色，老老实实用HEX最稳。原因是邮件客户端五花八门，很多客户端（尤其一些老的、或者企业邮箱）对CSS的支持非常残缺，现代的颜色写法（比如带透明度的、或新的颜色函数语法）它们可能根本不认，渲染出来颜色就丢了或者变成默认色。而#RRGGBB这种最传统的十六进制写法，兼容性最好，几乎所有邮件客户端都认。

所以做邮件模板时，用这工具把你在HSL里调好的颜色统统转成HEX再写进模板，是最稳妥的做法。这其实是个更普遍的原则：越是面对不可控的老旧环境，越要用最基础、兼容性最好的格式打底。HEX就是颜色格式里那个"最大公约数"。这工具支持你随时把任何格式转成HEX，正好满足这种"调色时图直观、落地时图兼容"的两头需求。配色之外，要给整个站点的安全和凭据也打好底，可以顺带看我们团队的密码生成工具教程。

品牌色规范落地，除了主色还要定义哪些颜色？

很多站点的配色之所以显得乱，是因为只定了个主色就开干，缺一套完整的色彩规范。一套像样的品牌色体系，远不止一个主色那么简单，用这工具派生齐这几类颜色，整站视觉才立得住。

第一类是主色和它的派生层次。主色定调，再用HSL固定色相、调明暗派生出深浅几个变体，用于不同的交互状态——正常态、悬停态、按下态、禁用态。第二类是中性灰阶。页面里大量的文字、边框、背景、分割线用的是各种深浅的灰，得定义一组从浅到深的灰阶，而且这些"灰"往往不是纯灰，会带一点主色的色相让整体更协调，用HSL把饱和度调得很低就能调出这种带调性的灰。

第三类是语义色，也叫状态色。成功用绿、警告用黄、错误用红、信息提示用蓝，这几个颜色承担着传递状态的功能，得单独定义且保持全站统一，不能这个页面的"错误红"和那个页面的不一样。第四类是强调色，用在少数需要特别抓眼球的地方，通常是主色的互补色或邻近色，用HSL把色相转一定角度就能找到。

把这四类颜色都定义清楚、各自的HEX值写成一套CSS变量，整站引用，配色才从"每个页面各调各的"变成"全站一套规范"。这工具在这套规范的搭建里，承担的就是"把每一个想要的颜色精确算出值"的活——你在HSL里直观地派生，它帮你随时拿到能写进代码的HEX。规范一旦建好，后续无论谁来改页面，颜色都不会跑偏。

颜色和文字可读性，除了对比度还有哪些讲究？

前面重点讲了对比度，但颜色影响可读性和可访问性的，不止对比度这一条，还有几个容易被忽略的点，做出海站尤其要留意，因为你的用户来自不同文化和身体条件。

最该注意的是别只靠颜色传递信息。一部分用户有色觉障碍（俗称色盲色弱），分不清某些颜色，最常见的是红绿分不清。如果你的页面用"红色表示错误、绿色表示正确"却不配任何文字或图标，这部分用户就完全get不到。正确的做法是颜色之外再加一重区分——加个图标、加个文字标签、加个形状差异。这样无论用户能不能分辨颜色，信息都传达得到。这是无障碍设计里一条很重要的原则。

另一个点是大面积高饱和色块要慎用。整块整块的高饱和度颜色（比如一大片刺眼的纯红、纯绿）会让眼睛很累，长时间看不舒服，用HSL适当降低饱和度会柔和很多。还有链接的颜色，传统上链接用蓝色且区别于正文，是因为用户已经习惯了"蓝色可点"这个约定，你要是把链接颜色弄得和正文一样、又没有下划线，用户就找不到哪里能点。

这些讲究背后是同一个理念：颜色不只是好看，它在承担传递信息和保障可读的功能。一个做出海的站，面对的是身体条件和阅读习惯各异的全球用户，把这些可访问性细节照顾到，页面才算真正友好——而友好的页面，停留和转化自然更好。这工具帮你精确控制每一个颜色值，而怎么用好这些值、守住可读性和可访问性，是你作为操盘者要把的关。

渐变和阴影的颜色，又该怎么定才自然？

现代网页里渐变和阴影几乎无处不在，按钮、卡片、背景都常用，而这两样的颜色没定好，页面就会显得脏或假。这工具虽然不直接生成渐变和阴影，但它提供的精确色值，正是把它们做自然的基础。

先说渐变。一个好看的渐变，本质是两个或多个颜色之间的平滑过渡，难点在于选对这几个颜色。一个很实用的技巧是用HSL来选渐变的起止色：让它们的色相相近或只差一点，主要在亮度和饱和度上拉开，这样过渡出来的渐变干净自然；反过来，如果起止色的色相隔得太远（比如红到绿），中间会经过一片发灰发脏的过渡带，很难看。用这工具把渐变两端的颜色都转成HSL对比一下色相差多少，就能预判这个渐变会不会脏。

再说阴影。自然的阴影不是简单的半透明黑色。纯黑的阴影压在彩色背景上会显得发灰发死，更高级的做法是用一个带轻微色相的深色——通常带一点和背景同向或主色同向的色相，再加上透明度。比如暖色调的页面，阴影用一点点偏暖的深色而非纯黑，整体会更协调通透。你可以用这工具调出那个深色的HSL值，再在CSS里给它配上合适的透明度。

这两件事的共同点是：效果虽然花哨，根子还是在"选对颜色值"。这工具的作用就是让你能精确地把想要的颜色算出来、在HSL里直观地微调，把渐变和阴影的"用色"这一步做扎实。剩下的渐变方向、阴影模糊度那些，是CSS的事，但颜色选不对，再好的CSS参数也救不回来。

用这工具配色，最容易栽的几个坑怎么提前绕开？

用这工具多了，会发现踩的坑就那么几类，提前知道能省不少事。

第一类是拿它的CMYK当印刷标准，前面讲过，那是简化公式的近似值，付印必须交印刷厂专业校色，别直接拿去印。第二类是以为它能检测对比度，结果配出一套看着好看实则对比度不达标的颜色，伤了无障碍——记死它不算对比度，那一环得自己另算。

第三类是来回转格式不定权威源，导致品牌色在反复换算里悄悄漂移。钉死一种格式当标准，其它只作临时视角。第四类是把它的四十几个颜色名当成CSS命名色的全部，找不到就以为不存在，其实CSS还有一百多个命名色它没收。把这四类坑记牢，配色的效率和可靠性都能上一个台阶。颜色用对了是体验的加分项，但站点要稳，安全和性能这些底层同样不能松，它们和配色一样都是出海站的基本功。

常见问题解答

这工具能帮我检测无障碍对比度吗？不能。它只做HEX、RGB、HSL、CMYK四种格式的互译，根本没有对比度计算功能。要核对WCAG对比度，得自己把两个颜色的相对亮度算出来、套对比度公式（较亮加0.05除以较暗加0.05），或用专门的对比度工具，对照4.5比1的及格线判断。

它转出的CMYK能直接拿去印刷吗？不能。它的CMYK是通用简化公式硬算的近似值，不走ICC色彩管理，屏幕RGB和印刷CMYK色域不完全重叠。拿它做方向性预览可以，真付印必须把文件交印刷厂按实际纸张工艺专业校色打样。

为什么我把颜色转来转去，值会变一点点？这是颜色空间换算的舍入误差。RGB和HSL互转时要取整，来回转换小数被反复抹掉，个别边界色值就会偏一两个数。避免办法是钉死一种格式（如HEX）当权威源，其它格式只作临时调色视角，别反复拿转出来的值当新基准。

它支持RGBA透明度和HSV格式吗？不支持。它不把带透明度的RGBA、HSLA当独立格式输入，透明度是写死的；也不做HSV（即HSB）。它就是HEX、RGB、HSL、CMYK四种之间互译，认准这个范围用。

输入一个颜色名（比如tomato）能查出色值吗？不能。它不支持颜色名反查色值，它的参考表只是给你挑四十几个常用色用的，不是颜色名词典。CSS其实有约一百五十个命名色，要查完整列表得看MDN文档。