Token导航 LogoToken导航

颜色代码表 · 浏览器本地筛选 · 可直接复制

HTML颜色代 码表

按分类查看常用 HTML 颜色代码、HEX 和 RGB 数值,适合网页配色、前端切图和设计交接。

常用色值一页查看

把常见 HTML 颜色名、HEX 和 RGB 放在一页里,适合前端、设计和运营快速查表。

支持搜索和分类

可按颜色名、HEX、RGB 或颜色组筛选,适合快速定位目标色值。

结果不上传服务器

颜色筛选、复制和预览都在浏览器本地完成,不会把你的输入发到服务端。

颜色代码表 · 浏览器本地筛选

常用 HTML 颜色代码、HEX 与 RGB 对照

适合网页配色、前端切图、组件主题变量和设计交接。筛选、复制和颜色预览都在浏览器本地完成,不上传服务器。

当前共显示 18 个颜色条目。

Black

基础

#000000

rgb(0, 0, 0)

White

基础

#FFFFFF

rgb(255, 255, 255)

Red

暖色

#FF0000

rgb(255, 0, 0)

Orange

暖色

#FFA500

rgb(255, 165, 0)

Gold

暖色

#FFD700

rgb(255, 215, 0)

Pink

暖色

#FFC0CB

rgb(255, 192, 203)

Coral

暖色

#FF7F50

rgb(255, 127, 80)

Blue

冷色

#0000FF

rgb(0, 0, 255)

SkyBlue

冷色

#87CEEB

rgb(135, 206, 235)

Cyan

冷色

#00FFFF

rgb(0, 255, 255)

Green

冷色

#008000

rgb(0, 128, 0)

Lime

冷色

#00FF00

rgb(0, 255, 0)

Purple

冷色

#800080

rgb(128, 0, 128)

Gray

中性色

#808080

rgb(128, 128, 128)

Silver

中性色

#C0C0C0

rgb(192, 192, 192)

SlateGray

中性色

#708090

rgb(112, 128, 144)

Beige

中性色

#F5F5DC

rgb(245, 245, 220)

Brown

中性色

#A52A2A

rgb(165, 42, 42)

可按颜色名、HEX 或 RGB 搜索,结果只在浏览器本地筛选。

工具使用说明

怎么用 HTML 颜色代码表

1

先搜颜色名或色值

可直接输入颜色名、HEX 或 RGB 片段,快速缩小到需要的颜色范围。

2

再按分组过滤

可切换基础色、暖色、冷色和中性色,缩短查表时间。

3

复制单条或整批结果

找到目标颜色后可复制单条数据,也可把当前筛选结果整体复制到文档或设计说明。

功能说明

这个工具解决什么问题

HTML 颜色代码表适合什么场景

网页配色、组件样式、按钮颜色、品牌色录入和设计交接时,经常需要快速查颜色名与色值对应关系。

相比单纯的颜色换算器,颜色代码表更适合查常用值、复制说明和给前端同学对照。

为什么默认走本地筛选

这个页面本质是查表和复制,不需要服务端计算,也不需要用户上传任何文件。

把搜索、过滤和复制都放在浏览器本地,边界更清楚,也更适合做轻量可用工具页。

常见问题

关于 HTML 颜色代码表,用户常问这些

颜色代码表会上传我的输入吗?

不会。搜索关键词、筛选和复制都在浏览器本地完成。

适合查哪些颜色格式?

当前主要提供颜色名、HEX 和 RGB 对照,适合网页和样式场景。

可以整批复制吗?

可以。你可以直接复制当前筛选结果,继续贴到文档、表格或交接说明里。

为什么不直接做成单纯取色器?

这个需求是常用 HTML 颜色代码表,重点是查表、对照和复制,不是单纯选色。