颜色的十六进制编码

本文提供了一份详尽的十六进制颜色代码表,涵盖了多种常见的颜色及其对应的十六进制代码,便于网页设计和开发人员快速查找使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

十六进制色码表

 

白色
FFFFFF
红色
FF0000
绿色
00FF00
蓝色
0000FF
洋红
FF00FF
墨绿
00FFFF
黄色
FFFF00
黑色
000000
爱丽丝兰
F0F8FF
碧绿
70DB93
巧克力色
5C3317
蓝紫色
9F5F9F
黄铜
B5A642
亮金
D9D919
褐色
A62AA2
青铜1
8C7853
青铜2
A67D3D
藏青
5F9F9F
亮铜
D98719
铜色
B87333
珊瑚色
FF7F00
矢车菊兰
42426F
深褐色
5C4033
深绿色
2F4F2F
深铜绿色
4A766E
深橄榄绿
4F4F2F
紫色
9932CD
深紫色
871F78
深石板蓝
6B238E
深石板灰
2F4F4F
深黄褐色
97694F
深蓝玉色
7093DB
暗木色
855E42
暗灰
545454
暗玫瑰色
856363
长石色
D19275
砖红色
8E2323
草绿
238E23
金色
CD7F32
秋叶色
DBDB70
灰色
C0C0C0
铜绿色
527F76
黄绿色
93DB70
军绿
215E21
印第安红色
4E2F2F
土黄
9F9F5F
浅蓝
C0D9D9
浅灰
A8A8A8
浅铜蓝
8F8FBD
浅木色
E9C2A6
浅绿
32CD32
橙色
E47833
栗色
8E236B
中绿
32CD99
中蓝
3232CD
中草绿
6B8E23
中秋叶色
EAEAAE
中紫色
9370DB
中海绿
426F42
中石板蓝
7F00FF
中春绿
7FFF00
中蓝玉色
70DBDB
中紫红色
DB7093
中木色
A68064
夜蓝色
2F2F4F
海蓝色
23238E
氖蓝色
4D4DFF
氖粉红色
FF6EC7
新夜蓝色
00009C
新黄褐色
EBC79E
暗金色
CFB53B
橘色
FF7F00
橘红
FF2400
淡紫
DB70DB
淡绿
8FBC8F
粉红
BC8F8F
棕色
EAADEA
石英色
D9D9F3
富兰色
5959AB
橙红色
6F4242
猩红
8C1717
海绿
238E68
半甜巧克力色
6B4226
赭色
8E6B23
银色
E6E8FA
天蓝
3299CC
石板蓝
007FFF
香粉红
FF1CAE
春绿
00FF7F
钢蓝
236B8E
夏天的天空
38B0DE
黄褐色
DB9370
蓝玉色
ADEAEA
暗褐色
5C4033
亮灰
CDCDCD
紫罗兰色
4F2F4F
紫红
CC3299
麦色
D8D8BF
暗黄
99CC32
淡灰
EEEEEE
### 颜色十六进制表示方法 #### 定义与结构 颜色十六进制表示是一种基于红(R)、绿(G)、蓝(B)三原色模型的颜色编码方式。这种表示法由井号(#)后面跟着六个十六进制字符组成,这六个字符分为三组,每两字符一组分别代表红色、绿色和蓝色成分的强度[^1]。 例如,`#FF0000` 表示纯红色,其中 `FF` 是最大值 255 的十六进制表达,意味着完全饱和的红色;而后面的两个零则表明没有绿色或蓝色混合进来。 当十六进制颜色中的每组数字都相同时,可以采用简写形式。比如 `#FF33CC` 可以简化写作 `#F3C`,这里每个字母/数字对应原来两位数的第一个字符。 ```css div { background-color: #F3C; /* 使用简写的十六进制颜色 */ } ``` #### 转换至 RGB 有时为了适应不同的应用场景或者更方便地操作色彩属性,需要将十六进制转换成RGB格式。此时可以通过 JavaScript 中提供的 `parseInt()` 函数来完成这一过程,该函数能够处理不同基数之间的转换工作,特别是从十六进制到十进制的变化[^2]。 以下是简单的JavaScript代码片段用于演示如何实现此功能: ```javascript function hexToRgb(hex) { var bigint = parseInt(hex.slice(1), 16); var r = (bigint >> 16) & 255; var g = (bigint >> 8) & 255; var b = bigint & 255; return "rgb(" + r + ", " + g + ", " + b + ")"; } console.log(hexToRgb("#FFFFFF")); // 输出 rgb(255, 255, 255) ``` #### 特点总结 - **精确性**:提供了非常具体且一致性的颜色定义,在跨平台显示时能维持较高的准确性。 - **兼容性好**:几乎所有主流浏览器均支持此种颜色描述符。 - **易学性强**:对于熟悉HTML/CSS开发的技术人员而言较为容易掌握并应用。 然而值得注意的是,尽管它具有上述优点,但对于不具备编程基础的人群来说可能会显得不够友好,并且在实际设计过程中调整色调相对复杂一些。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值