×
📱 手机扫码访问
用手机浏览器或微信扫一扫,即可在手机上访问当前页面
扫描后可直接在手机上使用该工具
×
📱 分享「HTML颜色代码表」
HTML颜色代码表
在线查看HTML颜色代码与色值,支持按名称或十六进制快速选取。
https://www.toolwan.cn/tool/HTML/
ToolWan · 在线工具
长按上方二维码即可保存,分享给微信 / QQ 好友
颜色选择器取色后自动换算 HEX / RGB / HSL,点击色值即可复制
明暗梯度(点击色块复制对应色值)
--
文字对比预览 Aa
HTML颜色代码表收录 140 个网页命名色,点击色卡复制十六进制代码
批量处理每行一个颜色,支持 #HEX、3位简写、rgb()、hsl() 及中英文颜色名
使用说明全程浏览器本地运行,不联网、不上传数据
- 颜色选择器:拖动取色或直接输入色值,RGB / HSL 与明暗梯度色块点击即复制;下方可检测文字前景色与背景色的对比度是否符合 WCAG 标准。
- 颜色代码表:输入关键词搜索或点色系标签筛选,点击色卡复制十六进制代码。
- 批量处理:粘贴多行颜色一次性换算为 HEX / RGB / HSL,自动去重并标记无法识别的值,可导出 HEX 列表、CSS 变量或表格数据。
- 本工具基于 HTML / CSS / JavaScript 编写,完全在浏览器本地运行,可放心使用。
在线HTML颜色代码表,按名称或十六进制快速查看与选取色值。
- 纯浏览器本地运行,不请求外部资源
- 支持按颜色名称检索色值
- 支持按十六进制HEX检索颜色
- 在线查看HTML颜色代码与色值
- 免费使用,无需安装
相关问法:
HTML颜色代码查询
· 十六进制颜色表
· 颜色名称转HEX
· HTML色值对照表
· 在线颜色代码表
· HEX颜色查询工具
· 网页颜色代码大全
· 按名称查颜色代码
📖 功能介绍
工具简介
HTML颜色代码表是一个在线查色工具,能按颜色名称或十六进制值快速找到对应色值,并显示 RGB、HEX 等代码。打开网页就能用,不加载外部资源。 ### 适用场景
写网页 CSS 时,想快速找一个颜色对应的十六进制代码,直接复制到样式表里。
做设计稿或海报,需要按名称(如 red、skyblue)查具体色值,确认颜色是否一致。
开发中拿到一个十六进制色号,想反查它的 RGB 数值或相近颜色名称。
教学或演示时,向别人展示某个颜色的代码表示,方便对照讲解。
核对品牌色或素材色,确认不同格式(HEX、RGB)之间转换是否正确。 ### 使用步骤
1. 打开 HTML颜色代码表页面,看到按色系排列的颜色块和对应代码。
2. 在搜索框输入颜色名称(如 blue)或十六进制值(如 #1e90ff),列表会实时筛选。
3. 点击任意颜色块,页面会显示该颜色的 HEX、RGB 等完整代码。
4. 复制需要的代码,粘贴到你的 CSS、设计软件或代码编辑器中。
5. 如果想比较多个颜色,可以依次点击不同色块,记下各自的代码再使用。
📋 常见问题FAQ
-
这个工具需要联网吗?不需要,所有颜色数据都在浏览器本地运行,不会请求任何外部资源。
-
怎么按颜色名称查找色值?在搜索框输入颜色名称,列表会实时筛选出匹配的颜色及其十六进制代码。
-
怎么按十六进制代码查找颜色?在搜索框输入十六进制值(如 #FF0000),列表会显示对应的颜色和名称。
-
点击颜色后会发生什么?点击某个颜色,会显示该颜色的十六进制代码,方便复制使用。
-
支持哪些颜色格式?支持颜色名称和十六进制代码两种方式,覆盖常见的 HTML 标准颜色。
-
颜色代码可以直接复制吗?可以,点击颜色后显示的十六进制代码可直接选中复制。
-
这个工具会保存我的使用记录吗?不会,工具不收集也不保存任何数据,全部操作只在当前页面完成。
友情链接