颜色选择与转换 thumbnail

颜色选择与转换

选择颜色并在 Hex, RGB, HSL, HSV 和 CMYK 格式之间进行转换。

Checking status...

关于 颜色选择与转换

在 HEX、RGB、HSL、HSV 和 CMYK 等多种网络标准格式之间精确转换颜色。此外,还提供基于色轮理论的专业配色方案建议,帮助您创建视觉和谐的设计。

如何使用

  1. 使用颜色选择器或在任意格式框中手动输入数值。
  2. 观察所有其他格式框如何同步实时更新。
  3. 查看下方的配色方案区域,获取相邻色、互补色等建议。
  4. 点击个别格式旁的复制图标以保存代码。

常见使用场景

  • 将 Photoshop 或设计稿中的颜色值转换为 CSS 可用的格式。
  • 为品牌设计或网页界面挑选和谐的配色方案。
  • 在进行打印相关设计时,将网络颜色转换为 CMYK 参考值。

技术细节

实施严格的颜色理论数学公式进行格式转换。支持 Alpha 通道处理,所有计算均在离线状态下由浏览器完成。

常见问题

什么是配色方案 (Harmony)?
配色方案是基于色轮理论的颜色组合,例如互补色提供强烈对比,而相邻色则给人安静、舒适的感觉。
转换是否精确?
是。转换逻辑遵循标准的颜色空间转换公式,虽然某些格式(如 CMYK)由于底层模型不同可能略有偏差。
HSL 和 HSB/HSV 有什么区别?
HSL(色相、饱和度、亮度)和 HSB/HSV(色相、饱和度、明度)都使用色相和饱和度,但第三个分量不同。在 HSL 中,50% 亮度是纯色,100% 是白色。在 HSB 中,100% 明度是纯色,0% 是黑色。设计软件通常使用 HSB,而 CSS 使用 HSL。
什么是颜色的 Alpha 通道?
Alpha 通道(CSS 中的 rgba 或 hsla 中的 a)控制颜色的不透明度,范围从 0(完全透明)到 1(完全不透明)或 0% 到 100%。0.5 的 Alpha 值表示颜色半透明,显示其下方的内容。
我可以从屏幕上的任何地方取色吗?
浏览器拾色器允许您从当前窗口取色。要从整个屏幕取色,请使用图像颜色拾取工具(截图然后取样),或使用支持系统级取色的桌面应用。
颜色转换器支持用于印刷设计的CMYK值吗?
支持。颜色转换器可在HEX、RGB、HSL、HSV和CMYK之间互相转换。CMYK(青色、品红、黄色、黑色)是印刷中使用的颜色模型,从RGB到CMYK的转换通过数学公式在浏览器中完成。请注意,此转换为近似值——精确的印刷颜色匹配需要由印刷商或印刷机提供经校准的ICC色彩配置文件。建议将此处的CMYK值作为起点,在最终确定印刷材料前与印刷商核实。

本地处理

本地文件、文本和图表工具通过 JavaScript、浏览器 API 以及必要时使用的 WebAssembly 在您的设备上处理内容。使用事件不包含文件名、文件内容、输入文本、图表数值、原始错误、电子邮箱或许可证引用。DNS、WHOIS、IP 和测速等网络工具会为其功能访问外部服务。加载网站、字体、库和模型也会产生网络请求。WebAssembly 本身并不能阻止网络访问。