工具概述
颜色格式转换器是一款专业的颜色格式互转工具,支持多种颜色空间之间的实时转换。只需输入任意格式的颜色值,即可自动转换为其他所有格式,方便设计师和开发者在不同场景下使用。
支持的颜色格式
1. HEX (十六进制)
网页开发中最常用的颜色格式,如 #FF0000 表示红色。支持 3 位简写(#F00)、6 位标准(#FF0000)和 8 位带透明度(#FF000080)格式。
2. RGB / RGBA
红、绿、蓝三原色模式,每个通道取值 0-255。RGBA 增加了透明度通道(Alpha),取值 0-1。例如:rgb(255, 0, 0) 表示红色。
3. HSL / HSLA
色相(Hue)、饱和度(Saturation)、亮度(Lightness)模式。色相取值 0-360 度,饱和度和亮度取值 0-100%。更直观地描述颜色,便于调整明暗和鲜艳度。
4. HSV / HSVA
色相(Hue)、饱和度(Saturation)、明度(Value)模式。与 HSL 类似,但明度表示颜色的明亮程度,常用于图像处理软件(如 Photoshop 的 HSB 模式)。
5. CMYK
青(Cyan)、品红(Magenta)、黄(Yellow)、黑(Key/Black)四色印刷模式。每个颜色取值 0-100%,用于印刷行业的颜色表示。
6. LAB (CIE L*a*b*)
基于人眼感知的颜色空间,L* 表示亮度(0-100),a* 表示红绿轴(-128 到 128),b* 表示黄蓝轴(-128 到 128)。设备无关,适合颜色管理和比较。
7. XYZ (CIE XYZ)
CIE 标准颜色空间,是 LAB 等颜色空间的计算基础。X、Y、Z 是基于人眼三种视锥细胞响应的抽象颜色分量。
8. HWB
色相(Hue)、白度(Whiteness)、黑度(Blackness)模式。CSS4 新增的颜色格式,可以直观地通过添加白色或黑色来调整颜色。
使用方法
在输入框中输入任意格式的颜色值,系统会自动识别并转换为所有其他格式。你也可以直接修改各格式面板中的数值来精确调整颜色。
支持的输入格式示例:
- HEX: #FF0000, #F00, #FF000080
- RGB: rgb(255, 0, 0), rgba(255, 0, 0, 0.5)
- HSL: hsl(0, 100%, 50%), hsla(0, 100%, 50%, 0.5)
- HSV: hsv(0, 100%, 100%), hsva(0, 100%, 100%, 0.5)
- CMYK: cmyk(0%, 100%, 100%, 0%)
- LAB: lab(53.23, 80.11, 67.22)
- XYZ: xyz(41.24, 21.27, 1.93)
- HWB: hwb(0, 0%, 0%), hwba(0, 0%, 0%, 0.5)