首页/开发工具/颜色格式转换

颜色格式转换

输入任意格式的颜色值，一次得到 HEX、RGB、RGBA、HSL、HSV、CMYK、CSS 变量等全部写法，同时给出相对亮度、近似色名、白底黑底对比度，以及 50–900 的十档深浅色阶。前端调色、设计稿对色值时很实用。全部在浏览器本地计算。

本地运行 · 数据不上传开发工具免费 · 无需注册

请输入内容

颜色报告

使用说明

把颜色值粘到左边，点「解析颜色」。
支持 #f00、#ff0000、#ff000080、rgb(255,0,0)、rgba(255,0,0,.5)、hsl(0,100%,50%)、hsv(...) 以及 red、skyblue 这类关键字。
结果里同时给出多种格式写法、对比度判定和 50–900 色阶，可以直接粘进 CSS。

常见问题

支持哪些输入格式？

HEX（#f00 / #ff0000 / #ff000080）、rgb()、rgba()、hsl()、hsla()、hsv()，以及 red、skyblue 这类 CSS 颜色关键字，都能识别。

50–900 色阶是怎么算的？

保持色相和饱和度不变，只按固定比例调整明度。这正是 Tailwind、Element 这类设计系统生成色阶的通用做法——不动色相，品牌色才不会在深浅变化里跑偏。

CMYK 值能直接给印刷厂吗？

只能当参考。屏幕色（sRGB）到印刷色（CMYK）的转换依赖具体油墨与色彩管理配置，本工具用的是通用公式换算。正式印刷请用设计软件带 ICC 配置导出。

相关工具

颜色对比度检测输入文字色和背景色，算出 WCAG 对比度比值并逐条判断是否达到 AA / AAA 标准（正调色板生成输入基准色，按色轮关系生成完整配色方案：单色阶、互补色、类似色、三角色、分裂互补、四角方阵、 CSS 渐变代码生成在线生成 CSS 渐变代码：支持线性、径向、锥形与重复线性渐变，可选中间色让过渡不发灰，输出在线 JSON 格式化在线 JSON 格式化与校验工具，支持美化排版、压缩、转义、去转义、转 GET 参数，自动定 HTTP 状态码对照表完整的 HTTP 状态码对照表，收录 1xx 到 5xx 全部常见状态码，含中文含义、常见成 JSON 转 YAML 把 JSON 转成 YAML，键值自动缩进、字符串按需加引号，可直接粘进 Kubernete

开发工具 · 该分类共 125 个工具，展开查看全部

在线 JSON 格式化 HTTP 状态码对照表 JSON 转 YAML JSON 转 XML JSON 转 CSV JSON 转 TypeScript 类型 JSON 转 Java 实体类 JSON 转 Go 结构体 JSON 转 Python 字典 JSON 转 SQL 建表语句 JSON 转 Markdown 表格 JSON 键排序清除 JSON 空值 JSON 扁平化 JSON 结构分析 JSON 字段清单 JavaScript 代码美化 JSON 压缩 JSON 转 Excel JSON 树形查看 JSON Schema 生成 YAML 转 JSON YAML 格式化 XML 转 JSON JSON 转 C# 实体类 JSON 转 PHP 数组 JSON 转 Rust 结构体 JSON 转 Kotlin 数据类 JSON 转 Swift 模型 JSON 转 Dart 模型 CSV 转 JSON JSON 转 JSONL JSONL 转 JSON XML 格式化 SQL 格式化 HTML 格式化 CSS 格式化 PHP 代码格式化 Java 代码格式化 C# 代码格式化 Python 代码格式化 Ruby 代码格式化 C 代码格式化 C++ 代码格式化 Perl 代码格式化 VBScript 格式化 Go 代码格式化 Rust 代码格式化 Kotlin 代码格式化 Swift 代码格式化 Scala 代码格式化 Lua 代码格式化 R 代码格式化 XML 压缩 SQL 压缩 HTML 压缩 CSS 压缩 JavaScript 压缩 SVG 代码压缩 PHP 代码压缩 Java 代码压缩 C# 代码压缩 Python 代码压缩 Go 代码压缩 Rust 代码压缩 Kotlin 代码压缩 Lua 代码压缩代码去注释 MD5 加密 SHA1 加密 SHA256 加密 SHA512 加密国密 SM3 计算 HMAC 计算 AES 加密解密 DES 加密解密 RSA 密钥对生成 JWT 生成 Query String 构建 Cookie 解析 URL 完整解析文本 Diff 对比代码 Diff 对比三向文本对比 HTTP 报文解析版本号比较代码行数统计 HTML 与 UBB 互转 htaccess 转 Nginx XPath 测试工具手机号格式校验邮箱格式校验身份证号码校验银行卡号校验信用卡号校验 UUID 批量校验编码批量识别文本编码检测 User-Agent 解析浏览器信息检测颜色格式转换颜色对比度检测调色板生成 CSS 渐变代码生成 Cron 表达式解析 Cron 表达式生成正则表达式测试 KeyCode 按键码查询 Android 按键码查询 HTML 转 Markdown 文件哈希校验 SQL 转 Java 实体类 SQL 转 C# 实体类 SQL 转 Go 结构体 SQL 转 Python 类 Markdown 转 HTML 随机字符串生成 NanoID 生成器 UUID 批量生成键盘按键测试 WebSocket 在线测试条形码生成 Markdown 编辑器 Base64 转图片二维码批量生成