在线颜色选择器

色盘选择 · HEX/RGB/HSL 转换 · 常用颜色备注 · 对比度检查

快速开始：颜色选择器

从色盘选择颜色，自动转换为 HEX、RGB、HSL、RGBA、HSLA，并可保存为常用颜色。

常见操作

常用颜色会保存到浏览器本地缓存，适合记录品牌色、按钮色、背景色等。

输出格式

HEX：适合设计稿和 CSS 基础色。
RGB/RGBA：适合透明度和运行时拼接。
HSL/HSLA：适合调亮、调暗和生成色阶。
CSS 变量：适合主题色配置。

对比度

可设置背景色，查看前景色和背景色的 WCAG 对比度，辅助判断文字是否清晰。

常用颜色 0 个 · 分组 1/10

颜色选择

从色盘选择颜色，也可以直接输入 HEX。

透明度：100%保存分组

常用颜色备注

格式转换

HEX

#F97316

RGB

rgb(249, 115, 22)

RGBA

rgba(249, 115, 22, 1)

HSL

hsl(25, 95%, 53%)

HSLA

hsla(25, 95%, 53%, 1)

CSS 变量

--color-primary: #F97316;

背景色对比

文本预览

对比度

2.80:1

未通过

常用颜色

保存到浏览器本地缓存，按分组切换展示，点击色块可回填当前颜色。

还没有常用颜色。选择颜色并填写备注后，点击“保存到常用颜色”。

JSON 格式化JSON 格式化

字符串处理字符串处理

进制转换进制转换

时间戳转换时间戳转换

Cron 解析Cron 解析

颜色选择颜色选择

SQL 格式化SQL 格式化

文本对比文本对比