常用颜色的 RGB 值速查与色彩模型笔记

RGB 是工业界常用的加色模型：红（R）、绿（G）、蓝（B）三通道各用 0–255 的强度叠加出颜色。写作前端样式或写 OpenCV 实验时，记一批「基色」能省事。

常见颜色（RGB）

旧文把「深蓝色」和「鸭绿色」都写成 (0,128,128)，那是 teal（蓝绿） 的值；真正 navy 更接近 (0,0,128)。上表已分开。

和其它表示

• HEX：Web CSS #RRGGBB
• 归一化：机器学习里常用 0–1 浮点
• OpenCV：默认 BGR 顺序，(255,0,0) 在 OpenCV 里是蓝不是红

import cv2
import numpy as np
img = np.zeros((100,100,3), dtype=np.uint8)
img[:] = (0, 0, 255)  # BGR：红色

使用建议

1. UI 不要只靠纯 #00FF00 这种刺眼基色，设计系统会定义主色板。
2. 打印场景 RGB 与 CMYK 不等价。
3. 色盲友好：不要只靠红/绿编码信息。

小结

RGB 三元组是跨前端与视觉算法的「普通话」。记住基色、分清 BGR、会换算 HEX，就够应付大多数笔记级需求。

在 CSS 与 Canvas 中的写法

color: rgb(255, 0, 0);
color: #ff0000;

ctx.fillStyle = 'rgb(0, 128, 128)';

无障碍提示

仅靠红/绿区分状态对色弱用户不友好。图表请叠加形状、线型或文字标签，而不要只换 RGB。

基色表适合当调色板起点；产品界面请落到设计系统 token（primary/secondary），避免满屏纯 #00FF00。