颜色代码转换器

在 HEX、RGB、HSL、HSV、CMYK 等颜色格式之间快速转换

#HEX

RGBRGB / RGBA

rgb(0, 255, 170)
rgba(0, 255, 170, 1)

HSLHSL

hsl(160, 100%, 50%)

HSVHSV

hsv(160, 100%, 100%)

CMYKCMYK

cmyk(100%, 0%, 33%, 0%)

功能特性

支持多种颜色格式互转
实时颜色预览
一键复制颜色代码
随机颜色生成

颜色格式说明

HEX (Hexadecimal)

HEX 是一种使用十六进制表示颜色的方式,由 # 开头,后跟 6 位字符(0-9, A-F)。前两位表示红色,中间两位表示绿色,后两位表示蓝色。例如 #FF0000 表示纯红色。这是 Web 开发中最常用的颜色格式。

RGB / RGBA (Red Green Blue / Alpha)

RGB 代表红色(Red)、绿色(Green)、蓝色(Blue)三原色,每个值的范围是 0-255。RGBA 在 RGB 基础上增加了 Alpha 通道(透明度),取值范围 0-1,其中 0 表示完全透明,1 表示完全不透明。RGB 基于加法混色原理,广泛应用于显示器、网页和数字图像。sRGB(标准 RGB)是最常用的 RGB 色彩空间标准。

HSL (Hue Saturation Lightness)

HSL 代表色相(Hue,0-360度)、饱和度(Saturation,0-100%)、亮度(Lightness,0-100%)。色相表示颜色类型(如红、绿、蓝),饱和度表示颜色的纯度,亮度表示颜色的明暗程度。HSL 更符合人类对颜色的感知方式,便于调整颜色。

HSV (Hue Saturation Value)

HSV 代表色相(Hue,0-360度)、饱和度(Saturation,0-100%)、明度(Value,0-100%)。与 HSL 相比,HSV 的明度表示颜色的明亮程度,当明度为 100% 时颜色最鲜艳。HSV 常用于图像处理和颜色选择器中。

CMYK (Cyan Magenta Yellow Key)

CMYK 代表青色(Cyan)、品红色(Magenta)、黄色(Yellow)、黑色(Key),取值范围均为 0-100%。这是印刷行业的标准颜色模式,基于减法混色原理。当设计用于印刷的作品时,需要使用 CMYK 格式以确保颜色准确呈现。

关于颜色代码转换器

颜色代码转换器是一个专业的在线工具,帮助设计师、开发者和创作者在不同颜色格式之间快速转换。无论您是在设计网页、开发应用、处理图像还是准备印刷材料,我们的工具都能满足您的需求。

我们支持最常用的颜色格式:HEX(十六进制)、RGB/RGBA(红绿蓝/透明度)、HSL(色相饱和度亮度)、HSV(色相饱和度明度)和 CMYK(青品黄黑)。所有转换都在浏览器本地完成,保证快速响应和数据隐私。

工具提供实时颜色预览、一键复制功能和随机颜色生成器,让您的工作更加高效。支持深色模式,在任何环境下都能舒适使用。

使用场景

1

Web 前端开发

在 CSS 中使用不同颜色格式,快速转换设计稿中的颜色值

2

UI/UX 设计

在设计工具之间传递颜色值,确保颜色一致性

3

印刷设计

将屏幕显示的 RGB 颜色转换为印刷用的 CMYK 格式

4

品牌设计

管理品牌色板,在不同媒介中保持颜色统一

颜色代码转换器 - HEX/RGB/HSL/CMYK在线转换工具 | BeSmile | BetterTools