HEX颜色查询工具

快速查询十六进制颜色值,转换为RGB、HSL等格式,并提供颜色预览和详细信息。

红色 绿色 蓝色 黄色 洋红 青色 黑色 白色 灰色

颜色信息

颜色预览

颜色值

十六进制

#6496c8

RGB

rgb(100, 150, 200)

HSL

hsl(210, 48%, 59%)

颜色信息

色相 (Hue)

210°

饱和度 (Saturation)

48%

亮度 (Lightness)

59%

颜色名称

钢蓝色

查询历史

暂无查询历史

工具使用说明

基本操作

  • 在输入框中输入HEX颜色值,格式如:#FF0000 或 FF0000
  • 也可以使用简写格式,如:#F00(仅限3位HEX)
  • 使用颜色选择器直接选择颜色
  • 点击"查询颜色"按钮查看颜色信息

复制功能

  • 点击"复制"按钮复制对应的颜色值
  • 支持复制HEX、RGB和HSL格式
  • 复制成功会有提示信息显示

历史记录

  • 每次查询都会自动保存到历史记录
  • 点击历史记录项可快速重新查询
  • 最多保存10条最近的查询记录
  • 可点击"清除历史记录"清空所有历史

使用技巧

  • 使用颜色选择器快速选择相近颜色
  • 点击示例颜色快速输入常用颜色
  • 使用历史记录功能快速切换不同颜色
  • 参考颜色信息理解色彩属性

注意事项

  • HEX值必须为3位或6位十六进制数
  • 颜色选择器和HEX输入框会同步更新
  • 历史记录保存在浏览器本地存储中
  • 颜色名称仅供参考,可能不完全准确

HEX颜色说明

HEX颜色模式(十六进制颜色码)是在网页设计中最常用的颜色表示方法,通过红(R)、绿(G)、蓝(B)三个颜色通道的十六进制值来表示颜色。

例如:#FF0000 表示纯红色,#00FF00 表示纯绿色,#0000FF 表示纯蓝色。

颜色格式:

  1. HEX(十六进制):#RRGGBB,每两位表示一个颜色分量(00-FF)
  2. RGB:rgb(红, 绿, 蓝),每个值范围0-255
  3. HSL:hsl(色相, 饱和度, 亮度),色相0-360°,饱和度和亮度0-100%

示例:

  • 纯红色:HEX #FF0000 → RGB(255, 0, 0) → HSL(0°, 100%, 50%)
  • 纯绿色:HEX #00FF00 → RGB(0, 255, 0) → HSL(120°, 100%, 50%)
  • 纯蓝色:HEX #0000FF → RGB(0, 0, 255) → HSL(240°, 100%, 50%)
  • 简写格式:HEX #F00 等同于 #FF0000

推荐工具

快速获取颜色RGB、HEX或HSL值