HTML 颜色代码大全

HTML 颜色代码是一个完整的颜色库，包含了所有可在 HTML 中使用的颜色及其名称、HEX 代码、RGB 代码和 HSL 代码。

通过 HTML 颜色代码，我们可以轻松地将这些颜色直接集成到您的 HTML 或 CSS 代码中，从而提升网站的视觉吸引力。

您知道吗？ 大多数现代浏览器支持多达 140 种命名颜色，这使得无缝实施配色方案变得更加容易。在这里，我们为您整理了一份详细的 HTML 颜色列表，按名称、HEX 代码、RGB 和 HSL 表示法进行了分类。

本指南将为您提供关于 HTML 颜色代码所需的一切信息。让我们通过以下方式为您的网站找到合适的颜色：

常见的 HTML 颜色代码和名称

以下是常见的 HTML 颜色代码列表：

Color

Color Name

Hexa Code

RGB Code

HSL Code —

—

—

—

—

Deepest black

#000000

rgb(0, 0, 0)

hsl(0, 0%, 0%)

Purest white

#FFFFFF

rgb(255, 255, 255)

hsl(0, 0%, 100%)

Classic red

#FF0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

Vibrant green

#00FF00

rgb(0, 255, 0)

hsl(120, 100%, 50%)

Primary blue

#0000FF

rgb(0, 0, 255)

hsl(240, 100%, 50%)

Sunny yellow

#FFFF00

rgb(255, 255, 0)

hsl(60, 100%, 50%)

Mid-tone gray

#808080

rgb(128, 128, 128)

hsl(0, 0%, 50%)

Royal purple

#800080

rgb(128, 0, 128)

hsl(300, 100%, 25%)

Bright orange

#FFA500

rgb(255, 165, 0)

hsl(39, 100%, 50%)

Light pink

#FFC0CB

rgb(255, 192, 203)

hsl(350, 100%, 88%)

Rich brown

#A52A2A

rgb(165, 42, 42)

hsl(0, 59%, 41%)

Deep red-brown

#800000

rgb(128, 0, 0)

hsl(0, 100%, 25%)

Dark blue

#000080

rgb(0, 0, 128)

hsl(240, 100%, 25%)

Blue-green

#008080

rgb(0, 128, 128)

hsl(180, 100%, 25%)

Very bright green (often interchangeable with #00FF00)

#00FF00

rgb(0, 255, 0)

hsl(120, 100%, 50%)

Light blue-green

#00FFFF

rgb(0, 255, 255)

hsl(180, 100%, 50%)

Light gray with a metallic sheen

#C0C0C0

rgb(192, 192, 192)

hsl(0, 0%, 75%)

Hot pink

#FF00FF

rgb(255, 0, 255)

hsl(300, 100%, 50%)

Greenish-brown

#808000

rgb(128, 128, 0)

hsl(60, 100%, 25%)

Metallic gold

#FFD700

rgb(255, 215, 0)

hsl(51, 100%, 50%)

HTML 颜色代码图表

下表提供了 颜色名称 及其 HEX 代码、RGB 代码 和 HSL 代码 的表格表示，方便用户轻松探索和识别不同的色调。

Table of Content

Red

Pink

Orange

Yellow

Purple

Green

Blue

Brown

White

Gray

—

—

—

—

—

—

—

—

—

—## 红色 HTML 颜色代码

下表展示了红色色系的颜色名称及其不同的代码值。

Color

Color Name

HEX Code

RGB Code

HSL Code —

—

—

—

—

IndianRed

#CD5C5C

rgb(205, 92, 92)

hsl(0, 53%, 58%)

LightCoral

#F08080

rgb(240, 128, 128)

hsl(0, 79%, 72%)

Salmon

#FA8072

rgb(250, 128, 114)

hsl(6, 93%, 71%)

DarkSalmon

#E9967A

rgb(233, 150, 122)

hsl(15, 72%, 70%)

LightSalmon

#FFA07A

rgb(255, 160, 122)

hsl(17, 100%, 74%)

Crimson

#DC143C

rgb(220, 20, 60)

hsl(348, 83%, 47%)

Red

#FF0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

FireBrick

#B22222

rgb(178, 34, 34)

hsl(0, 68%, 42%)

DarkRed

#8B0000

rgb(139, 0, 0)

hsl(0, 100%, 27%)

请参考 Shades-of-Red 文章以获取详细描述。

粉色 HTML 颜色代码

下表展示了粉色色系的颜色名称及其不同的代码值。

Color

Color Name

HEX Code

RGB Code

HSL Code —

—

—

—

—

Pink

#FFC0CB

rgb(255, 192, 203)

hsl(350, 100%, 88%)

LightPink

#FFB6C1

rgb(255, 182, 193)

hsl(351, 100%, 86%)

HotPink

#FF69B4

rgb(255, 105, 180)

hsl(330, 100%, 71%)

DeepPink

#FF1493

rgb(255, 20, 147)

hsl(328, 100%, 54%)

MediumVioletRed

#C71585

rgb(199, 21, 133)

hsl(322, 81%, 43%)

PaleVioletRed

#DB7093

rgb(219, 112, 147)

hsl(340, 60%, 65%)

请参考 Shades-of-Pink 文章以获取详细描述。

橙色 HTML 颜色代码

下表展示了橙色色系的颜色名称及其不同的代码值。

Color

Color Name

HEX Code

RGB Code

HSL Code —

—

—

—

—

LightSalmon

#FFA07A

rgb(255, 160, 122)

hsl(17, 100%, 74%)

Coral

#FF7F50

rgb(255, 127, 80)

hsl(16, 100%, 66%)

Tomato

#FF6347

rgb(255, 99, 71)

hsl(9, 100%, 64%)