🎨 在线颜色格式转换器

使用教程

本颜色格式转换器支持五种主流颜色表示法的实时互转，操作简单且功能完善，以下是详细使用指南：

颜色输入：你可以通过三种方式输入颜色。第一种是使用颜色选择器（点击彩色方块），直接选取你想要的颜色。第二种是在格式下拉菜单中选择当前颜色的格式（HEX、RGB、HSL、HSV或CMYK），然后在数值输入框中粘贴或输入对应格式的颜色值。第三种是点击「随机颜色」按钮，工具会生成一个随机颜色供你参考。

格式转换：当你输入或选择颜色后，工具会自动将所有格式一次性转换完成。结果区域会同时显示HEX、RGB、HSL、HSV和CMYK五种格式的色值。每个格式旁边都有「复制」按钮，点击即可将对应格式的色值复制到剪贴板，方便直接粘贴到代码编辑器或设计工具中使用。

颜色预览与相近色：颜色预览区域会实时展示当前颜色的视觉效果，同时显示该颜色的中文名称（如「青色」「珊瑚红」等）。下方还会生成4个相近颜色（更亮、更暗、更饱和、去饱和各一个），点击相近色即可将其设为当前颜色，方便快速微调色调。

历史记录：工具会自动保存你最近转换过的颜色（最多保存20个），以颜色方块形式展示在「历史记录」区域。点击任意历史颜色即可快速恢复，无需重新输入。

应用场景

颜色格式转换在设计开发和印刷领域应用广泛，以下是几个典型使用场景：

前端开发CSS颜色代码转换：设计师通常使用HEX或RGB给出设计稿颜色，但CSS中HSL格式更易维护——调整亮度即可生成同一色相的深浅变体。使用本工具可以快速将设计师提供的HEX色值转换为HSL，或反之将HSL转为HEX供设计师确认。例如 hsl(210, 100%, 56%) 比 #1DA1F2 更直观地表达了这是一个中等亮度的蓝色。

跨平台UI开发颜色统一：不同平台使用不同的颜色格式：Web用HEX/RGB/HSL，iOS用RGBA，Android用ARGB，Flutter用Color.fromARGB()。跨平台开发时，需要频繁在不同格式间转换以确保各端颜色完全一致。本工具支持所有主流格式的实时互转，是跨平台开发的颜色标准工具。

印刷设计CMYK转换：当设计稿从屏幕（RGB）转向印刷（CMYK）时，颜色会发生偏移——RGB色域比CMYK更广，某些鲜艳颜色（如亮橙色、荧光绿）无法通过CMYK精确还原。使用本工具提前将RGB转换为CMYK，可以帮助设计师预判印刷效果，及时调整设计方案避免色差问题。

图像处理与数据可视化：在数据可视化中，需要根据数据值动态生成颜色渐变。HSL和HSV格式比RGB更适合程序化调色——固定色相（H）调整饱和度（S）和亮度（L/V）即可生成从灰到鲜艳的连续色带，比直接插值RGB通道更自然。

扩展知识

颜色模型分类：计算机颜色主要分为两大体系：加色模型（RGB、HEX）用于屏幕显示，光线叠加产生更亮的结果，三原色全亮为白色；减色模型（CMYK）用于印刷，油墨叠加吸收更多光线，全量为黑色。HSL和HSV属于感知颜色模型，将颜色拆解为色相、饱和度和亮度/明度三个维度，更符合人类直觉。

HEX格式的演变：标准HEX为6位（#RRGGBB），CSS4新增了8位HEX（#RRGGBBAA）支持透明度。同时CSS还支持3位简写（#RGB），浏览器会自动将 #F0A 扩展为 #FF00AA。本工具目前专注于6位标准HEX的转换，如需透明色支持请参考本站颜色选择器工具。

色彩空间与色域：sRGB是最广泛使用的标准色彩空间（覆盖约35%的可见光谱），几乎所有显示器和Web内容都使用sRGB。更广的色域如Adobe RGB（约52%）和DCI-P3（约54%）在专业摄影和高端显示器中使用。本工具的转换基于sRGB标准，结果与绝大多数浏览器和屏幕显示一致。对于需要精确色彩管理的场景（如印刷校色），建议使用专业色彩管理软件。

WCAG对比度与可访问性：在Web设计中，文本与背景的对比度需要满足WCAG 2.1标准：普通文本至少4.5:1，大文本至少3:1。本工具的颜色预览区域使用自适应文字颜色（根据背景亮度自动切换黑/白文字），确保预览文字始终清晰可读。如需完整的WCAG对比度检测，请使用本站的颜色选择器工具。

常见问题 (FAQ)