shell bash终端中输出的颜色和格式详解(超详细)

小麦大叔 发表于 2022/01/01 00:15:39 2022/01/01
【摘要】 文章目录 1) 格式1.1 Set1.2 Reset 2)8/16 Colors2.1 前景(文字)2.2 背景 3)88/256颜色3.1 前景(文字)3.2 背景色 4)组合...

ANSI/VT100终端和终端仿真器不只是能够显示黑色和白色文本; 由于转义序列,它们可以显示颜色和格式化文本。这些序列由Escape字符(通常用“^[” 或"<Esc>"表示)组成,后跟一些其他字符:“<Esc>[FormatCodem”。
在Bash中,可以使用以下语法获取字符:
\e
\033
\x1B
例子:

代码(Bash) Preview
echo -e “\ e [31mHello World \ e [0m” hello world
echo -e “\ 033 [31mHello \ e [0m World” hello world

注意:

  1. 该命令的-e选项echo启用转义序列的解析。
  2. "\e[0m"序列删除所有属性(格式和颜色)。在每个彩色文本的末尾添加它是个好主意。;)
  3. 本页中的示例使用Bash,但ANSI/VT100转义序列可用于各种编程语言。

1) 格式

1.1 Set

code Description Example Preview
1 粗体/高亮 echo -e “Normal \ e [1mBold” 在这里插入图片描述
2 变暗 echo -e “Normal \ e [2mDim” 在这里插入图片描述
4 下划线 echo -e “Normal \ e [4mUnderlined” 在这里插入图片描述
5 闪烁 echo -e “Normal \ e [5mBlink” 在这里插入图片描述
7 反转(反转前景色和背景色) echo -e “Normal \ e [7minverted” 在这里插入图片描述
8 隐藏(对密码有用) echo -e “Normal \ e [8mHidden” 在这里插入图片描述

1.2 Reset

Code Description Example Preview
0 重置所有属性 echo -e “\e[0mNormal Text” 在这里插入图片描述
21 重置粗体/高亮 echo -e “Normal \e[1mBold \e[21mNormal” 在这里插入图片描述
22 重置变暗 echo -e “Normal \e[2mDim \e[22mNormal” 在这里插入图片描述
24 重置下划线 echo -e “Normal \e[4mUnderlined \e[24mNormal” 在这里插入图片描述
25 重置闪烁 echo -e “Normal \e[5mBlink \e[25mNormal” 在这里插入图片描述
27 重置反显 echo -e “Normal \e[7minverted \e[27mNormal” 在这里插入图片描述
28 重置隐藏 echo -e “Normal \e[8mHidden \e[28mNormal” 在这里插入图片描述

2)8/16 Colors

2.1 前景(文字)

以下颜色适用于大多数终端和终端仿真器2), 请参阅兼容性列表以获取更多信息。

颜色可能因终端配置而异。

Code Color Example Preview
39 默认前景色 echo -e “Default \ e [39mDefault” 在这里插入图片描述
30 黑色 echo -e “Default \ e [30mBlack” 在这里插入图片描述
31 红色 echo -e “Default \ e [31mRed” 在这里插入图片描述
32 绿色 echo -e “Default \ e [32mGreen” 在这里插入图片描述
33 黄色 echo -e “Default \ e [33mYellow” 在这里插入图片描述
34 蓝色 echo -e “Default \ e [34mBlue” 在这里插入图片描述
35 品红 echo -e “Default \ e [35mMagenta” 在这里插入图片描述
36 青色 echo -e “Default \ e [36mCyan” 在这里插入图片描述
37 浅灰 echo -e “Default \ e [37mLight grey” 在这里插入图片描述
90 深灰色 echo -e “Default \ e [90mDark grey” 在这里插入图片描述
91 红灯 echo -e “默认\ e [91mLight red” 在这里插入图片描述
92 浅绿色 echo -e “Default \ e [92mLight green” 在这里插入图片描述
93 淡黄色 echo -e “Default \ e [93mLight yellow” 在这里插入图片描述
94 浅蓝 echo -e “Default \ e [94mLight blue” 在这里插入图片描述
95 浅洋红色 echo -e “Default \ e [95mLight magenta” 在这里插入图片描述
96 浅青色 echo -e “Default \ e [96mLight cyan” 在这里插入图片描述
97 白色 echo -e “Default \ e [97mWhite” 在这里插入图片描述

2.2 背景

Code Color Example Preview
49 默认背景颜色 echo -e “Default \ e [49mDefault” 在这里插入图片描述
40 黑色 echo -e “Default \ e [40mBlack” 在这里插入图片描述
41 红色 echo -e “Default \ e [41mRed” 在这里插入图片描述
42 绿色 echo -e “Default \ e [42mGreen” 在这里插入图片描述
43 黄色 echo -e “Default \ e [43mYellow” 在这里插入图片描述
44 蓝色 echo -e “Default \ e [44mBlue” 在这里插入图片描述
45 品红 echo -e “Default \ e [45mMagenta” 在这里插入图片描述
46 青色 echo -e “Default \ e [46mCyan” 在这里插入图片描述
47 浅灰 echo -e “Default \ e [47mLight grey” 在这里插入图片描述
100 深灰色 echo -e “Default \ e [100mDark grey” 在这里插入图片描述
101 红灯 echo -e “默认\ e [101mLight red” 在这里插入图片描述
102 浅绿色 echo -e “默认\ e [102mLight green” 在这里插入图片描述
103 淡黄色 echo -e “默认\ e [103mLight yellow” 在这里插入图片描述
104 浅蓝 echo -e “Default \ e [104mLight blue” 在这里插入图片描述
105 浅洋红色 echo -e “Default \ e [105mLight magenta” 在这里插入图片描述
106 浅青色 echo -e “Default \ e [106mLight cyan” 在这里插入图片描述
107 白色 echo -e “Default \ e [107mWhite” 在这里插入图片描述

3)88/256颜色

某些终端(参见兼容性列表)可以支持88或256种颜色。以下是允许您使用它们的控制序列。

注意:颜色编号256仅由vte支持(GNOME终端,XFCE4终端,Nautilus终端,终结者…)。

注意2:88色终端(如rxvt)与256色终端的颜色图不同。要显示88色终端颜色映射,请在88色终端中运行“ 256-colors.sh ”脚本。

3.1 前景(文字)

要使用前景中的256种颜色之一(文本颜色),控制序列为“ <Esc>[38;5;ColorNumberm ”,其中ColorNumber是以下颜色之一:
在这里插入图片描述
Example:

echo -e "\e[38;5;82mHello \e[38;5;198mWorld"

  
 
  • 1

在这里插入图片描述

for i in {16..21} {21..16} ; do echo -en "\e[38;5;${i}m#\e[0m" ; done ; echo

  
 
  • 1

在这里插入图片描述

3.2 背景色

要在背景上使用256种颜色中的一种,控制序列为“ <Esc>[48;5;ColorNumberm ”,其中ColorNumber是以下颜色之一:
在这里插入图片描述
Example:

echo -e "\e[40;38;5;82m Hello \e[30;48;5;82m World \e[0m"

  
 
  • 1

在这里插入图片描述

for i in {16..21} {21..16} ; do echo -en "\e[48;5;${i}m \e[0m" ; done ; echo

  
 
  • 1

在这里插入图片描述

4)组合属性

终端允许属性组合。属性必须用分号(“ ;”)分隔。

Description Code (Bash) Preview
Bold + Underlined echo -e “\e[1;4mBold and Underlined” 在这里插入图片描述
Bold + Red forground + Green background echo -e “\e[1;31;42m Yes it is awful \e[0m” 在这里插入图片描述

5)终端兼容性

在这里插入图片描述

表中使用的符号:
“ ok”:终端支持。
“ ~”:终端以特殊方式支持。
“ -”:终端根本不支持。

6)示例程序

6.1 Colors and formatting (16 colors)

以下shell脚本显示了许多可能的属性组合(但不是全部,因为它一次只使用一个格式属性)。

#!/bin/bash
 
# This program is free software. It comes without any warranty, to
# the extent permitted by applicable law. You can redistribute it
# and/or modify it under the terms of the Do What The Fuck You Want
# To Public License, Version 2, as published by Sam Hocevar. See
# http://sam.zoy.org/wtfpl/COPYING for more details.
 
#Background
for clbg in {40..47} {100..107} 49 ; do
	#Foreground
	for clfg in {30..37} {90..97} 39 ; do
		#Formatting
		for attr in 0 1 2 4 5 7 ; do
			#Print the result
			echo -en "\e[${attr};${clbg};${clfg}m ^[${attr};${clbg};${clfg}m \e[0m"
		done
		echo #Newline
	done
done 
exit 0

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

在这里插入图片描述

6.2 256 colors

以下脚本显示某些终端和终端仿真器(如XTerm和GNOME Terminal)上可用的256种颜色。

#!/bin/bash
 
# This program is free software. It comes without any warranty, to
# the extent permitted by applicable law. You can redistribute it
# and/or modify it under the terms of the Do What The Fuck You Want
# To Public License, Version 2, as published by Sam Hocevar. See
# http://sam.zoy.org/wtfpl/COPYING for more details.
 
for fgbg in 38 48 ; do # Foreground / Background
    for color in {0..255} ; do # Colors
        # Display the color
        printf "\e[${fgbg};5;%sm  %3s  \e[0m" $color $color
        # Display 6 colors per lines
        if [ $((($color + 1) % 6)) == 4 ] ; then
            echo # New line
        fi
    done
    echo # New line
done
 
exit 0

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

在这里插入图片描述

参考

Linux console codes manual (’‘man console_codes’’)
XTerm Control Sequences

文章来源: great.blog.csdn.net,作者:小麦大叔,版权归原作者所有,如需转载,请联系作者。

原文链接:great.blog.csdn.net/article/details/92811856

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:cloudbbs@huaweicloud.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。