无需登录 数据私有 本地保存

HEX颜色分解器 - 红绿蓝通道分析

21
0
0
0
RGB(79, 70, 229) HSL(243°, 75%, 59%) #4F46E5 亮度: 中等
色温判断中... 文字建议...
RGB 通道分解
R
79 0x4F
G
70 0x46
B
229 0xE5
HSL 色彩空间
色相 H: 243° 饱和度 S: 75% 亮度 L: 59%
CMYK 近似值
C: 65% M: 69% Y: 0% K: 10%
预设颜色 · 快速选择
常见问题与颜色知识
什么是HEX颜色代码？
HEX颜色代码是一种用十六进制表示颜色的方式，格式为 #RRGGBB。每两位十六进制数代表红(R)、绿(G)、蓝(B)通道的强度，范围从00(0)到FF(255)。例如 #FF0000 表示纯红色。短格式 #RGB 可简写为3位，如 #F00 等同于 #FF0000。共可表示约1670万种颜色。
RGB三个通道分别代表什么？
RGB代表红(Red)、绿(Green)、蓝(Blue)三原色光。每个通道取值范围0-255，数值越大该颜色分量越强。这是加色模型——三种光叠加产生各种颜色。R=G=B时产生灰色；全部为0是黑色，全部为255是白色。屏幕上的每一个像素都由这三个通道组合而成。
HEX和RGB有什么区别？
两者本质相同，只是表示方式不同。RGB使用十进制数(0-255)，如 rgb(79,70,229)；HEX使用十六进制，如 #4F46E5。HEX更简洁，在CSS和设计工具中广泛使用；RGB更直观，便于理解各通道强度。转换公式：HEX的每两位→十进制即得RGB对应通道值。
什么是HSL色彩空间？
HSL即色相(Hue)、饱和度(Saturation)、亮度(Lightness)。色相H用角度表示(0-360°)，0°为红、120°为绿、240°为蓝；饱和度S表示颜色纯度(0%灰色→100%鲜艳)；亮度L表示明暗(0%黑→100%白)。HSL比RGB更符合人类感知颜色的方式，适合设计师直观调整颜色。
为什么RGB每个通道是0-255？
因为每个通道使用8位(1字节)存储，2⁸=256个等级(0到255)。三个通道共24位，即"24位真彩色"，可表示16,777,216种颜色。这源于计算机存储结构，8位是1字节的基本单位。现代也有10位、12位色彩深度，但8位/通道仍是网页和主流显示的标准。
如何判断颜色是暖色还是冷色？
简单判断：比较红色通道与蓝色通道的值。R明显大于B→暖色（偏红/橙/黄）；B明显大于R→冷色（偏蓝/青/紫）；两者接近且G较高→偏中性或自然色。色相角度也可判断：H在0-60°和300-360°为暖色区，180-270°为冷色区。本工具会自动分析色温。
CMYK和RGB有什么区别？
RGB是加色模型，用于屏幕显示——光叠加产生颜色，适合数字设计。CMYK是减色模型，用于印刷——油墨吸收光线，包括青(Cyan)、品红(Magenta)、黄(Yellow)、黑(Key)。RGB色域比CMYK更广，屏幕上鲜艳的颜色印刷时可能变暗淡。本工具提供CMYK近似值供参考。
如何根据背景色选择文字颜色？
计算相对亮度（根据WCAG标准）：L = 0.2126×R + 0.7152×G + 0.0722×B（归一化后）。亮度高于0.5时用深色文字(#000或深灰)，低于0.5时用浅色文字(#FFF)。本工具会自动给出文字颜色建议。确保对比度≥4.5:1可满足WCAG AA无障碍标准。
🔧 相关工具