【RGB颜色对照表、颜色代码、色值代码大全】在设计、网页开发、图形处理等领域,颜色的准确表达至关重要。RGB(红绿蓝)是一种基于光的三原色模型,广泛用于屏幕显示设备。为了便于使用和参考,以下整理了一份常见的RGB颜色对照表,包含颜色名称、RGB值、十六进制颜色代码(HEX)以及HSL(色相、饱和度、亮度)信息,帮助用户快速查找和应用颜色。
RGB颜色对照表(部分常见颜色)
颜色名称 | RGB 值 | HEX 代码 | HSL 值 |
红色 | (255, 0, 0) | FF0000 | hsl(0°, 100%, 50%) |
绿色 | (0, 255, 0) | 00FF00 | hsl(120°, 100%, 50%) |
蓝色 | (0, 0, 255) | 0000FF | hsl(240°, 100%, 50%) |
黄色 | (255, 255, 0) | FFFF00 | hsl(60°, 100%, 50%) |
青色 | (0, 255, 255) | 00FFFF | hsl(180°, 100%, 50%) |
洋红 | (255, 0, 255) | FF00FF | hsl(300°, 100%, 50%) |
白色 | (255, 255, 255) | FFFFFF | hsl(0°, 0%, 100%) |
黑色 | (0, 0, 0) | 000000 | hsl(0°, 0%, 0%) |
灰色 | (128, 128, 128) | 808080 | hsl(0°, 0%, 50%) |
橙色 | (255, 165, 0) | FFA500 | hsl(30°, 100%, 50%) |
紫色 | (128, 0, 128) | 800080 | hsl(300°, 100%, 50%) |
粉红 | (255, 192, 203) | FFC0CB | hsl(350°, 100%, 87%) |
深蓝 | (0, 0, 139) | 00008B | hsl(240°, 100%, 27%) |
棕色 | (165, 42, 42) | A52A2A | hsl(10°, 62%, 42%) |
绿松石 | (64, 224, 208) | 40E0D0 | hsl(170°, 76%, 58%) |
说明与使用建议
- RGB 值:由三个数字组成,分别表示红、绿、蓝的强度,范围为 0~255。
- HEX 代码:以 `` 开头,后跟六位十六进制数,常用于网页设计。
- HSL 值:表示色相(Hue)、饱和度(Saturation)、亮度(Lightness),更直观地描述颜色的视觉属性。
在实际应用中,可以根据不同的需求选择合适的颜色表示方式。例如,在 CSS 中使用 HEX 或 RGB 表示颜色;在图像处理软件中可能需要使用 HSL 来调整色调和饱和度。
结语
RGB 颜色系统是现代数字设计的重要组成部分,掌握其基本原理和常用颜色代码,有助于提高工作效率和设计质量。以上表格提供了常见颜色的详细信息,适用于设计师、开发者及对颜色有较高要求的用户。如需更多颜色或自定义颜色,可通过专业工具进行查询和生成。