颜色代码转换
颜色代码转换(颜色转换器)
当您使用颜色选择器或数值指定颜色时,系统会自动计算出 HEX、RGB、HSL、HSV 和 CMYK 值。您只需单击一下即可复制每种格式的颜色值,并可检查与补色及文字颜色搭配时的对比度。
什么是颜色代码转换工具?
“颜色代码转换器”是一款免费的在线工具,可转换网页设计、应用开发、图像编辑和印刷设计中使用的数值颜色表示法。即使是同一种颜色,其指定格式(如 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度)以及白色文字叠加在黑色背景上的对比度。 该工具有助于选择在背景色上易于阅读的文字颜色,并在考虑无障碍性时规划配色方案。所有计算均在浏览器内完成,您输入的颜色信息绝不会被发送至服务器。
使用方法
- 请使用颜色选择器,或直接输入 HEX、RGB、HSL、HSV 或 CMYK 格式的数值。
- 根据您输入的格式,其他颜色格式的数值将自动更新。
- 如果需要调整透明度,请调节透明度滑块或数值输入框。
- 点击“显示转换结果”后,您将进入结果页面,在那里可以查看每种格式、辅助色以及对比度。
- 点击所需格式的“复制”,然后将其粘贴到 CSS、设计工具、文档等处。
使用注意事项
- CMYK值是根据RGB值进行的一般性转换,不能保证在印刷中能完全还原颜色。
- 透明度在RGB、HSL和HEXA输出中有所体现,但CMYK不包含透明度的概念。
- 根据您的显示器、浏览器和操作系统设置的不同,相同的颜色代码可能呈现出不同的效果。
- 对比度是基于不透明颜色计算的,不包括透明部分。实际背景图像以及元素重叠情况的不同,可能会影响可读性。
- 极小的十进制小数将根据可读性要求四舍五入至适当的小数位数。