颜色代码转换

颜色代码转换(颜色转换器)

当您使用颜色选择器或数值指定颜色时,系统会自动计算出 HEX、RGB、HSL、HSV 和 CMYK 值。您只需单击一下即可复制每种格式的颜色值,并可检查与补色及文字颜色搭配时的对比度。

输入颜色

支持 #RGB、#RGBA、#RRGGBB 和 #RRGGBBAA 格式。

%
%

%
%

%
%
%
%

翻译结果

已将输入的颜色转换为相应的颜色格式。

示例文本
HEX
HEXA(带透明度)
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK

互补色

这是色轮上相邻的颜色,相差180度。

与文本颜色形成对比

与白色文字的比例
黑色文字的对比度
易于阅读的文字颜色:

所有颜色转换均在浏览器内完成;输入数据不会发送至服务器。

什么是颜色代码转换工具?

“颜色代码转换器”是一款免费的在线工具,可转换网页设计、应用开发、图像编辑和印刷设计中使用的数值颜色表示法。即使是同一种颜色,其指定格式(如 HEX、RGB、HSL、HSV 或 CMYK)也会因应用或软件的不同而有所差异。 借助此工具,您只需输入一种颜色,即可一目了然地查看所有主要格式的数值。

HEX 是一种在网站 CSS 中广泛使用的十六进制表示法。例如,白色表示为 #FFFFFF,黑色表示为 #000000。RGB 是一种将红、绿、蓝三原色在 0 到 255 的范围内进行组合的系统,用于处理显示器上的颜色。 RGBA 和 8 位 HEXA 还允许您指定不透明度,因此非常适合用于创建半透明的背景色和叠加层。

HSL 通过色相、饱和度和明度来表示颜色。色相在 0 到 360 度的色轮上指定,而饱和度和明度则在 0 到 100% 的量表上指定。这种格式便于直观地调整颜色,例如将颜色调亮一点或降低其鲜艳度。HSV 或 HSB 则使用色相、饱和度和亮度来表示颜色,被广泛应用于许多图形处理软件和颜色选择器中。

CMYK 是一种基于青色、品红色、黄色和黑色油墨比例的色彩模型,主要应用于印刷行业。 然而,通过数学计算从屏幕上的RGB颜色推导出的CMYK值仅供参考。由于实际印刷效果取决于纸张、油墨、印刷机和ICC配置文件等因素,对于需要色彩精确度的印刷材料,请与您的印刷公司确认,并核实您的色彩管理环境。

该工具不仅显示每种格式的数值,还会预览所选颜色、其补色(色相偏移180度)以及白色文字叠加在黑色背景上的对比度。 该工具有助于选择在背景色上易于阅读的文字颜色,并在考虑无障碍性时规划配色方案。所有计算均在浏览器内完成,您输入的颜色信息绝不会被发送至服务器。

使用方法

  1. 请使用颜色选择器,或直接输入 HEX、RGB、HSL、HSV 或 CMYK 格式的数值。
  2. 根据您输入的格式,其他颜色格式的数值将自动更新。
  3. 如果需要调整透明度,请调节透明度滑块或数值输入框。
  4. 点击“显示转换结果”后,您将进入结果页面,在那里可以查看每种格式、辅助色以及对比度。
  5. 点击所需格式的“复制”,然后将其粘贴到 CSS、设计工具、文档等处。

使用注意事项

  • CMYK值是根据RGB值进行的一般性转换,不能保证在印刷中能完全还原颜色。
  • 透明度在RGB、HSL和HEXA输出中有所体现,但CMYK不包含透明度的概念。
  • 根据您的显示器、浏览器和操作系统设置的不同,相同的颜色代码可能呈现出不同的效果。
  • 对比度是基于不透明颜色计算的,不包括透明部分。实际背景图像以及元素重叠情况的不同,可能会影响可读性。
  • 极小的十进制小数将根据可读性要求四舍五入至适当的小数位数。

常见问题解答

颜色采用十六进制表示法。通常使用6位数的#RRGGBB格式;若包含透明度,则使用8位数的#RRGGBBAA格式。

RGB由三个分量组成——红、绿、蓝——而RGBA则增加了Alpha通道来表示透明度。

当您希望在保持色相不变的同时调整亮度或饱和度时,此功能非常有用。它也非常适合在 CSS 中创建颜色变体。

通常情况下,这些指代的是同一个模型。“V”代表“值(Value)”,而“B”代表“亮度(Brightness)”,不过具体术语可能因应用而异。

显示基于通用公式计算的近似值。要获得准确的打印颜色,需要使用 ICC 配置文件和特定的打印环境。

是的。如果您以 #RGB 格式输入数值,系统会将其转换为 #RRGGBB 格式,其中每个数字都会重复两次。

是的。它同时支持 #RGBA 和 #RRGGBBAA 的输入和输出。

这些颜色位于色轮的对侧。该工具通过将HSL色相旋转180度来计算这些颜色。

该数值量化了背景色与文字色之间的亮度差异。通常,数值越高,文字越容易辨认。

请比较结果部分中的对比度,选择对比度较高的选项将提高可读性。

不。转换和显示完全在浏览器内部进行;颜色值不会发送至服务器进行处理。

是的。在支持的浏览器中,您可以使用颜色选择器或数值输入框来转换数值。