RGB 转 HEX
粘贴 rgb(31, 95, 214)——用逗号还是空格都可以——就能得到 #1f5fd6,可直接用于 CSS、设计文件或规范文档。
- #1f5fd6 HEX
- rgb(31, 95, 214) RGB
- hsl(219, 75%, 48%) HSL
对比度:
- 免费
- 文件不会离开你的设备
- 无需注册
- 不限文件数量
使用方法
- 粘贴 RGB 或 RGBA 值,也可以用取色器选一个颜色。
- 在其他格式上方读取 HEX 代码。
- 点击 HEX 行旁边的「复制」。
实用说明
设计师为什么要 HEX
HEX 是一个整体,而不是三个数字,粘贴到需求文档、工单或聊天里都不会漏掉某一位。它也是设计工具默认显示的写法,因此用 HEX 写下的色板与大家眼前看到的一致。
透明通道会变成什么
如果传入带透明度的 rgba(),结果是八位 HEX:最后一对表示 0 到 255 的透明度。新版浏览器能正确读取,旧版不能——所以在需要广泛兼容的地方仍应保留 rgba()。
常见问题
必须把数字写在 rgb(...) 里吗?
支持完整写法,逗号或空格分隔均可,rgb() 和 rgba() 都行。超过 255 的数值会被限制到上限,而不是悄悄回绕。
为什么我的 HEX 有八位?
因为颜色带有透明通道。去掉透明度就会得到常见的六位代码。
会向服务器发送内容吗?
不会。整个转换都在页面内完成,尚未公开的品牌配色仍留在你手里。
相关工具
- 颜色转换器 用任何常见写法输入颜色——#1f5fd6、1f5fd6、#1f5、rgb(31, 95, 214)——其余写法会同时出现,还附带保证文字可读所需的对比度数值。
- HEX 转 RGB 粘贴 HEX 代码,读出 RGB 通道值。#1f5fd6 会变成 rgb(31, 95, 214);如果代码带有透明通道,你会得到保留透明度的 rgba()。
- 密码生成器 打开页面即生成新密码,使用浏览器的加密级随机数生成器。密码不会被发送、记录或保存。
- 二维码生成器 输入链接或任意文本,二维码随打随现。屏幕使用下载 PNG,印刷则选 SVG——放到多大都依然清晰。
- UUID 生成器 按下按钮,就能得到可以直接贴进数据库、配置文件或测试数据的标识符。它们在页面内生成——没有哪台服务器会给你一个别人已经见过的号码。
- Wi-Fi 二维码 填入网络名称和密码,二维码立刻出现。客人用相机一扫就连上,再也不用一个字母一个字母地念密码。
- 网址二维码 粘贴链接,二维码随打随现。它直接指向你的网址,中间没有可能过期、也可能统计你访客的短链服务。