在终端开发、日志着色、命令行工具美化等场景中，经常需要将常见的RGB颜色值转换为对应的ANSI颜色代码。ANSI颜色标准包含固定的16色、256色等类型，和RGB的千万级颜色范围存在差异，直接转换需要匹配最接近的色值。
ANSI颜色代码基础
ANSI颜色代码是终端中用于控制文本颜色和样式的标准编码，常见的分为两类：
- 16色ANSI：包含8种基础色和8种高亮色，对应代码0-15，兼容性最好，几乎所有终端都支持。
- 256色ANSI：在16色基础上扩展了240种颜色，对应代码16-255，支持更丰富的色彩显示，主流终端基本都支持。
其中256色的16-231号是6x6x6的RGB颜色立方体，232-255号是24级灰度色，转换时通常优先匹配256色中的16-231号颜色，再考虑灰度色，最后回退到16色基础色。
转换核心逻辑
RGB转ANSI的核心思路是计算目标RGB值与ANSI颜色库中每个颜色的欧氏距离，取距离最小的对应ANSI代码。具体步骤如下：
256色转换步骤
- 将输入的RGB值（范围0-255）归一化到0-5的区间，对应6x6x6颜色立方体的索引。
- 根据索引计算对应的256色代码：
16 + 36*r_index + 6*g_index + b_index。 - 如果输入RGB值三个通道差值较小，可优先匹配232-255的灰度色，计算灰度索引后取对应代码。
欧氏距离计算
两个RGB颜色(r1,g1,b1)和(r2,g2,b2)的距离公式为：
distance = sqrt((r1-r2)^2 + (g1-g2)^2 + (b1-b2)^2)
实际计算中可省略开方步骤，直接比较平方和来提升性能。
代码实现示例
Python实现
以下是Python版本的RGB转256色ANSI代码实现：
def rgb_to_ansi(r, g, b):
# 输入校验，确保RGB值在0-255范围
r = max(0, min(255, r))
g = max(0, min(255, g))
b = max(0, min(255, b))
# 优先匹配灰度色，三个通道差值均小于10时判定为灰度
if abs(r - g) < 10 and abs(g - b) < 10 and abs(r - b) < 10:
gray_index = int(round((r + g + b) / 3 / 255 * 23))
return 232 + gray_index
# 计算6x6x6颜色立方体索引
r_idx = int(round(r / 255 * 5))
g_idx = int(round(g / 255 * 5))
b_idx = int(round(b / 255 * 5))
# 计算256色代码
ansi_code = 16 + 36 * r_idx + 6 * g_idx + b_idx
return ansi_code
# 测试示例：转换RGB(255, 100, 50)为ANSI代码
test_r, test_g, test_b = 255, 100, 50
print(f"RGB({test_r},{test_g},{test_b})对应的ANSI 256色代码是：{rgb_to_ansi(test_r, test_g, test_b)}")
JavaScript实现
以下是JavaScript版本的转换实现，可直接用于前端或Node.js环境：
function rgbToAnsi(r, g, b) {
// 输入校验
r = Math.max(0, Math.min(255, r));
g = Math.max(0, Math.min(255, g));
b = Math.max(0, Math.min(255, b));
// 优先匹配灰度色
if (Math.abs(r - g) < 10 && Math.abs(g - b) < 10 && Math.abs(r - b) < 10) {
const grayIndex = Math.round((r + g + b) / 3 / 255 * 23);
return 232 + grayIndex;
}
// 计算6x6x6颜色立方体索引
const rIdx = Math.round(r / 255 * 5);
const gIdx = Math.round(g / 255 * 5);
const bIdx = Math.round(b / 255 * 5);
// 计算256色代码
const ansiCode = 16 + 36 * rIdx + 6 * gIdx + bIdx;
return ansiCode;
}
// 测试示例
const testR = 255, testG = 100, testB = 50;
console.log(`RGB(${testR},${testG},${testB})对应的ANSI 256色代码是：${rgbToAnsi(testR, testG, testB)}`);
注意事项
- 不同终端对ANSI颜色的支持程度不同，若需要兼容老旧终端，可进一步将256色代码映射到16色基础色。
- 转换后的ANSI代码需要配合终端转义序列使用，例如 33[38;5;{ansi_code}m用于设置前景色， 33[0m用于重置样式。
- 若需要更高精度的颜色匹配，可遍历256色库中所有颜色计算距离，取最小值对应的代码，但性能会略有下降。