打印带颜色的字符

比眉伴天荒 2022-11-08 14:22 225阅读 0赞

### 文章目录 ###

*   *  先体验一下
     *  原理简述
     *   *  ANSI 转义序列
         *  控制文本颜色
     *  实验一：用 shell 脚本控制颜色
     *  实验二：用 C 语言控制颜色
     *  参考资料

## 先体验一下 ##

在终端输入下面的代码，并回车。

echo  -e "\033[1;31m Hello World! \e[0m"

效果是这样的：

![在这里插入图片描述][20210313224804192.png]

再来一个：

echo -e "\033[4;47;31m带下划线的白色背景的红字   \033[0;1;41;32m高亮的红色背景的绿字\033[0m"

效果是这样的：  
![在这里插入图片描述][20210313224814318.png]

## 原理简述 ##

### ANSI 转义序列 ###

ANSI 转义序列（ANSI escape sequences）是一种转义序列标准。它可以用来控制终端上的光标位置、颜色等其他选项（比如清屏、滚动）。终端会把这些字节序列解释为相应的指令，而不是普通的字符编码。

ANSI 转义序列大部分以 ESC 和 “\[” 字符开始。

看看前面的序列，你会发现都是以 `\033[` 开始。`\033` 也可以换成 `\x1b` 或者 `\e` ，它们的意思一样，都表示键盘左上角 Esc 键的 `ASCII` 码。

### 控制文本颜色 ###

通用的控制文本颜色的转义序列格式如下：

\033[n1;n2;n3...m

*  `\033[` 表示转移序列的开始；
 *  `n1, n2, n3, …` 是参数，可以有多个，也可以只有一个。后文会具体介绍。
 *  `m` 表示设置显示属性结束

常用的参数列表如下：

<table> 
 <thead> 
  <tr> 
   <th><strong>编码</strong></th> 
   <th><strong>说明</strong></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>0</td> 
   <td>关闭所有格式，还原为初始状态</td> 
  </tr> 
  <tr> 
   <td>1</td> 
   <td>粗体/高亮显示</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>模糊（<strong>※</strong>）</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td>斜体（<strong>※</strong>）</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td>下划线（单线）</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td>闪烁（慢）（<strong>※</strong>）</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td>闪烁（快）（<strong>※</strong>）</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td>交换背景色与前景色</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td>隐藏（<strong>※</strong>）</td> 
  </tr> 
  <tr> 
   <td>30-37</td> 
   <td>前景色，即30+x，x表示不同的颜色（参见下面的“颜色表”）</td> 
  </tr> 
  <tr> 
   <td>40-47</td> 
   <td>背景色，即40+x，x表示不同的颜色（参见下面的“颜色表”）</td> 
  </tr> 
 </tbody> 
</table>

**注：含有（※）标注的编码表示不是所有的终端都支持。**

颜色表：

如果你觉得上面 7 种颜色不够用，可以用 24 位颜色（ R、G、B 各 8 bit）

转义序列格式是：

ESC[ … 38;2;<r>;<g>;<b> … m   设置前景色
     ESC[ … 48;2;<r>;<g>;<b> … m   设置背景色

比如：

echo -e "\033[48;2;255;97;0m hello \033[0m"

效果是：

![在这里插入图片描述][20210313224831766.png]

## 实验一：用 shell 脚本控制颜色 ##

PS3="请选择颜色： "
    
    color[1]=`echo -e "\x1b[31m红色\x1b[0m"`
    color[2]=`echo -e "\x1b[32m绿色\x1b[0m"`
    color[3]=`echo -e "\x1b[33m黄色\x1b[0m"`
    color[4]=`echo -e "\x1b[34m蓝色\x1b[0m"`
    color[5]=`echo -e "\x1b[35m紫色\x1b[0m"`
    color[6]=`echo -e "\x1b[36m青色\x1b[0m"`
    color[7]=`echo -e "\x1b[37m白色\x1b[0m"`
    color[0]='EXIT'
    
    select i in ${color[@]}
    do
    	if [ "$i" == "${color[0]}" ];then
            exit 0
        else
            echo "$i"
        fi
    done
    exit 0

效果展示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM0OTA4OTY_size_16_color_FFFFFF_t_70]

## 实验二：用 C 语言控制颜色 ##

#include <stdio.h>
    #include <stdlib.h>
    
    #define BLA "\033[30m" //黑色
    #define RED "\033[31m" //红色
    #define GRE "\033[32m" //绿色
    #define YEL "\033[33m" //黄色
    #define BLU "\033[34m" //蓝色
    #define PUR "\033[35m" //紫色
    #define CYA "\033[36m" //青色
    #define WHI "\033[37m" //白色
    
    #define BACK_BLA "\033[40m" //黑色
    #define BACK_RED "\033[41m" //红色
    #define BACK_GRE "\033[42m" //绿色
    #define BACK_YEL "\033[43m" //黄色
    #define BACK_BLU "\033[44m" //蓝色
    #define BACK_PUR "\033[45m" //紫色
    #define BACK_CYA "\033[46m" //青色
    #define BACK_WHI "\033[47m" //白色
    
    // 高亮
    #define HI_BLA "\033[1;30m" //黑色
    #define HI_RED "\033[1;31m" //红色
    #define HI_GRE "\033[1;32m" //绿色
    #define HI_YEL "\033[1;33m" //黄色
    #define HI_BLU "\033[1;34m" //蓝色
    #define HI_PUR "\033[1;35m" //紫色
    #define HI_CYA "\033[1;36m" //青色
    #define HI_WHI "\033[1;37m" //白色
    
    
    
    char *font_color[] = { 	
    	BLA,  
    	RED,  
    	GRE,  
    	YEL,  
    	BLU,  
    	PUR,  
    	CYA,  
    	WHI,
    };
    
    char *hi_font_color[] = { 	
    	HI_BLA,  
    	HI_RED,  
    	HI_GRE,  
    	HI_YEL,  
    	HI_BLU,  
    	HI_PUR,  
    	HI_CYA,  
    	HI_WHI,
    };
    
    
    char *back_color[] = { 
    	BACK_BLA,
    	BACK_RED,
    	BACK_GRE,
    	BACK_YEL,
    	BACK_BLU,
    	BACK_PUR,
    	BACK_CYA,
    	BACK_WHI,
    	
    };
    
    
    
    
    
    // 渐变色的色表
    int R[] = {  255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 
    			255, 255, 255, 240, 220, 200, 180, 160, 140, 120, 
    			100, 80,  60,  40,  20,  0,   0,   0,   0,   0, 
    			0,   0,   0,   0,   0,   0,   0,   0,   0,   0, 
    			0,   0,   0,   0,   0,   0,   0,   0,   0,   0, 
    			0,   0,   0,   20,  40,  60,  80,  100, 120, 140, 
    			160, 180, 200, 220, 240 };
    
    int G[] = {  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
    		0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
    		0, 20, 40, 60, 80, 100, 120, 140, 160, 180, 200, 220, 240,
    		255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
    		255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255 };
    		
    		
    		
    int B[] = {  0, 20, 40, 60, 80, 100, 120, 140, 160, 180, 200, 220, 240,
    		255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
    		255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
    		240, 220, 200, 180, 160, 140, 120, 100, 80, 60, 40, 20, 0,
    		0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 };
    
    
    
    void gradual_change(void)
    { 
    	
    	int i = 0;
    	char str_r[5];
    	char str_g[5];
    	char str_b[5];
    	
    	for(; i < sizeof R / sizeof R[0]; ++i)
    	{ 						
    		sprintf(str_r, "%d", R[i]);
    		sprintf(str_g, "%d", G[i]);
    		sprintf(str_b, "%d", B[i]);
    		printf("\x1b[48;2;%s;%s;%sm%s\x1b[0m\n", str_r, str_g, str_b, "hello");
    
    	}
    	
    }
    
    
    int main(void)
    { 
    	for(int i=0; i<8; ++i)
    	{ 
    		for(int j=0; j<8; ++j)
    		{ 
    			printf("%s" "%s" "HELLO WORLD\033[0m",font_color[i], back_color[j]);
    			
    		}
    		printf("\n");
    	}
    	
    	for(int i=0; i<8; ++i)
    	{ 
    		for(int j=0; j<8; ++j)
    		{ 
    			printf("%s" "%s" "HELLO WORLD\033[0m",hi_font_color[i], back_color[j]);
    			
    		}
    		printf("\n");
    	}
    	
    	gradual_change();
    	
    }

效果展示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM0OTA4OTY_size_16_color_FFFFFF_t_70 1]

![在这里插入图片描述][20210313224915301.png]  
![在这里插入图片描述][20210313224922828.png]

## 参考资料 ##

【1】http://man.he.net/man4/console\_codes

【2】https://www.cnblogs.com/hookjc/p/13178918.html

【3】[花里胡哨，如何在Linux终端输出带有颜色的字体，将带颜色的字体赋值给变量][Linux]

【4】[渐变色表RGB值][RGB]

[20210313224804192.png]: /images/20221023/3e6b46ba463447e1ab1f4523e9de8552.png
[20210313224814318.png]: /images/20221023/95543e4b0fbc4d7bb4baf93c88d70d19.png
[20210313224831766.png]: /images/20221023/c320991fdf9a4adb9cb40e7da978b96b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM0OTA4OTY_size_16_color_FFFFFF_t_70]: /images/20221023/0c2e95d5690b4af9af39eb93d0bcf340.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM0OTA4OTY_size_16_color_FFFFFF_t_70 1]: /images/20221023/7fbd5429a20d4dbf908a7f3d9e5a793b.png
[20210313224915301.png]: /images/20221023/7b9907db90c842e3bee792bdf9b06a37.png
[20210313224922828.png]: /images/20221023/011c51832dde404d805692d6a55a365f.png
[Linux]: https://www.shuzhiduo.com/A/n2d9KvrvJD/
[RGB]: https://blog.csdn.net/SGL_LGS/article/details/103271183