什么是十六进制颜色?

十六进制颜色(Hex颜色代码)是网页设计和数字图形中用于表示颜色的六位代码。了解Hex颜色的工作原理和使用方法。

Definition
Hexadecimal Color Code(十六进制颜色代码)

十六进制颜色代码是以井号(#)开头的六位十六进制数,通过指定红(R)、绿(G)、蓝(B)三个通道的强度来表示颜色。每个颜色通道由两位十六进制数表示,范围从00(最小值)到FF(最大值)。

如何读取十六进制颜色代码

#FF5733这样的十六进制颜色分为三对: • #FF — 红色通道(十进制255 = 最大红色) • #57 — 绿色通道(十进制87) • #33 — 蓝色通道(十进制51) 这表示橙红色。#FFFFFF是纯白色(所有通道最大),#000000是纯黑色(所有通道为零)。

十六进制数字系统

十六进制使用16个数字:0~9和A~F。在十六进制中: • 0 = 0 • 9 = 9 • A = 10 • F = 15 • FF = 255 这意味着每个通道有256个可能的值(0~255),一个完整的十六进制颜色可以表示256³ = 16,777,216种独特颜色。

十六进制颜色的应用场景

十六进制颜色是网页开发的标准: • CSS: color: #FF5733; background-color: #1A2B3C; • HTML: <font color="#FF0000"> • 设计工具:Figma、Photoshop、Illustrator均使用十六进制代码 • 品牌规范:logo和UI元素的颜色定义 • SVG和Canvas图形

Try it yourself

颜色转换器

关于十六进制颜色代码

十六进制颜色代码随着1990年代HTML和CSS的兴起成为网页颜色的标准。它简洁、易读(一旦掌握),且无歧义。现代CSS还支持3位简写(#FFF等同于#FFFFFF)和包含透明度的8位十六进制(#FF573380表示50%不透明度)。

FAQ

十六进制颜色中#符号代表什么?
#(井号)符号只是表示后续字符是十六进制颜色代码的前缀。在CSS中是必需的,但在某些设计工具的输入字段中可能是可选的。
十六进制颜色和RGB有什么区别?
它们用不同的表示法表示相同的颜色。十六进制使用6位十六进制字符串(#FF5733),而RGB使用逗号分隔的三个十进制数(rgb(255, 87, 51))。两者可以相互转换。
什么是8位十六进制颜色?
8位十六进制颜色(#RRGGBBAA)包含用于透明度的Alpha通道。最后两位(AA)表示不透明度:FF表示完全不透明,00表示完全透明。

相关工具