东讯在线工具网

搜索建议 ✕

RGB颜色对照表

红 R、绿 G、蓝 B 三个分量,每个取值 0 - 255,可混合出 1677 万种颜色 · 全程浏览器本地运行,数据不出本机

取色调色标准色对照批量转换色阶生成随机配色屏幕取色

颜色选择器R / G / B 取值 0 - 255

R

G

B

HEX

RGB

HSL

CMYK

最接近色名:-

色阶生成器随左侧颜色实时更新

从浅到深 9 级色阶,点击任意色块复制对应 HEX。

随机配色同色系和谐方案

批量转换每行一个颜色

收藏与历史保存在本机浏览器

我的收藏

最近使用

标准颜色对照表

使用说明

拖动 R / G / B 滑块或输入 0-255 数值取色,点击任意色值即可复制。
对照表支持按色名与 HEX 搜索、三种排序;点击色块会载入并复制该颜色。
批量转换每行填一个颜色,支持 HEX、rgb()、hsl()、cmyk()、英文名,可导出 CSS / JSON。
色阶与随机配色中的色块,点击即复制;收藏与最近使用自动保存在本机浏览器。
Chrome / Edge 浏览器可用「屏幕取色」按钮,吸取屏幕上任意位置的颜色。

输入RGB值查颜色或按颜色查RGB值的在线对照表工具，浏览器本地运行。

输入RGB值即可查对应颜色
支持按颜色反查RGB值
原生JavaScript实现，无任何依赖
全程浏览器本地运行，无网络请求
不收集不上传任何数据
收藏与历史仅存于本机localStorage

相关问法： RGB颜色查询工具 · RGB值转颜色 · 颜色转RGB值 · 在线RGB对照表 · RGB颜色代码查询 · 按颜色查RGB · RGB取色对照 · RGB颜色转换器

📖 功能介绍

工具简介

RGB颜色对照表帮你双向查色：输入RGB值看颜色，或按颜色名、色块反查RGB和HEX值。所有计算在浏览器本地完成，不上传数据。 ### 适用场景

做网页或App时，拿到一个十六进制色值，想快速知道它的RGB三个分量是多少

写CSS时手头只有颜色名称（比如“天蓝”“珊瑚红”），需要查出对应的RGB或HEX代码

调色时想微调某个颜色，先查清楚当前RGB值再逐项加减

核对设计稿和代码里的颜色是否一致，避免肉眼判断出错

学习色彩知识时，对照查看标准命名色和它们的数值关系 ### 使用步骤

1. 打开页面，在RGB输入框里分别填入红、绿、蓝三个数值（0到255之间），右侧色块会立刻显示对应颜色，同时给出HEX值。

2. 想按颜色反查数值，可以在颜色名称列表里找到目标色，点击后自动填入RGB和HEX。

3. 如果只想看某个色块，直接点击列表中的颜色，上方预览区会同步更新。

4. 需要复制结果时，点击HEX值或RGB值旁边的复制按钮，数值会存进剪贴板。

5. 查过的颜色会留在历史记录里，下次直接从历史里点选，不用重新输入。

📋 常见问题FAQ

这个工具能做什么？

可以输入 RGB 值查对应的颜色，也可以按颜色查对应的 RGB 值。
需要联网才能使用吗？

不需要，工具全程在浏览器本地运行，没有网络请求。
会上传或收集我的数据吗？

不会，工具不收集、不上传任何数据。
收藏和历史记录保存在哪里？

只保存在本机浏览器的 localStorage 中，不会同步到其他设备。
为什么显示的颜色和我在别处看到的不完全一样？

颜色显示受设备屏幕影响，输出结果仅供参考。
输入 RGB 值时有什么格式要求？

输入三个 0 到 255 之间的数值，分别对应红、绿、蓝三个通道。
按颜色查 RGB 值怎么操作？

选择或输入一个颜色，工具会给出对应的 RGB 值。

友情链接