颜色选择器

选择并提取 HEX、RGB、HSL 颜色值

返回工具列表

工具面板

本地处理
正在加载工具...
关于颜色选择器

取色与手输双向同步，HEX / RGB / HSL 三种写法都能一键复制。

  • 1

    取色与手输双向同步：改 HEX 会更新全部显示，拖色相与透明度滑杆也会回写。

  • 2

    HEX、RGB、HSL 三种写法同时给出，各有独立复制按钮。

  • 3

    自带预设色板，拼配色时不用先跑别的工具。

相关工具

查看全部
设计工具

颜色对比度

检查前背景色对比是否符合的可访问性标准

设计工具
颜色对比度
设计工具

渐变色生成器

可视化创建漂亮的 CSS 线性或径向渐变

设计工具
渐变色生成器
设计工具

CSS 阴影生成器

可视化调节并复制 box-shadow 代码

设计工具
CSS 阴影生成器
设计工具

单位换算

各领域物理单位的精准换算

设计工具
单位换算
设计工具

字节转换

在 B, KB, MB, GB, TB 间进行转换

设计工具
字节转换
设计工具

CSS 圆角生成器

可视化调节四角圆角并复制 border-radius 代码

设计工具
CSS 圆角生成器
设计工具

CSS 裁剪路径生成器

拖动顶点调整形状，复制 clip-path: polygon() 代码

设计工具
CSS 裁剪路径生成器
设计工具

CSS 缓动函数生成器

拖动控制点编辑 cubic-bezier 曲线，复制缓动代码

设计工具
CSS 缓动函数生成器