#ff0000HEX | #ff0000 | |
RGB | rgb(255, 0, 0) | |
HSL | hsl(0, 100%, 50%) | |
HSV | hsv(0, 100%, 100%) | |
HWB | hwb(0, 0%, 0%) | |
LAB | lab(54.3, 80.8, 69.9) | |
LCH | lch(54.3, 106.8, 40.9) | |
CMYK | cmyk(0%, 100%, 100%, 0%) | |
XYZ | xyz(43.61, 22.25, 1.39) | |
Name | red |
HEX#RRGGBB 十六进制，Web 最常用
RGBrgb(r,g,b) 红/绿/蓝，0-255 范围
HSLhsl(h,s%,l%) 色相/饱和度/亮度
HSVhsv(h,s%,v%) 色相/饱和度/明度，Photoshop 使用
LABCIE L*a*b* 感知均匀色彩空间
CMYKcmyk(c%,m%,y%,k%) 印刷四色
点击颜色值可快速复制到剪贴板
CSS 中最常用的是 HEX 和 RGB 格式
HSL 比 RGB 更直观，适合调整色相和明暗
设计系统推荐使用 OKLCH 格式，感知均匀且兼容广色域