广告
×
📱 手机扫码访问
用手机浏览器或微信扫一扫,即可在手机上访问当前页面
手机扫码访问
扫描后可直接在手机上使用该工具
×
📱 分享「HTML颜色代码表」
HTML颜色代码表
在线查看HTML颜色代码与色值,支持按名称或十六进制快速选取。
分享二维码
二维码加载失败
https://www.toolwan.cn/tool/HTML/
https://www.toolwan.cn/tool/HTML/
长按上方二维码即可保存,分享给微信 / QQ 好友
颜色选择器取色后自动换算 HEX / RGB / HSL,点击色值即可复制
明暗梯度(点击色块复制对应色值)
--
文字对比预览 Aa
HTML颜色代码表收录 140 个网页命名色,点击色卡复制十六进制代码

批量处理每行一个颜色,支持 #HEX、3位简写、rgb()、hsl() 及中英文颜色名
使用说明全程浏览器本地运行,不联网、不上传数据
  1. 颜色选择器:拖动取色或直接输入色值,RGB / HSL 与明暗梯度色块点击即复制;下方可检测文字前景色与背景色的对比度是否符合 WCAG 标准。
  2. 颜色代码表:输入关键词搜索或点色系标签筛选,点击色卡复制十六进制代码。
  3. 批量处理:粘贴多行颜色一次性换算为 HEX / RGB / HSL,自动去重并标记无法识别的值,可导出 HEX 列表、CSS 变量或表格数据。
  4. 本工具基于 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 标准颜色。
  • 颜色代码可以直接复制吗?
    可以,点击颜色后显示的十六进制代码可直接选中复制。
  • 这个工具会保存我的使用记录吗?
    不会,工具不收集也不保存任何数据,全部操作只在当前页面完成。