颜色选择器

选择并复制颜色,生成调色板,支持透明度与多种格式
选择与数值
HSL
预览
调色板
暂无颜色,点击“生成调色板”以创建

工具介绍

颜色选择器用于快速获取并转换颜色值,支持显示 HEX、RGB、HSL 以及透明度。你可以复制指定格式文本,在 CSS 或设计稿中使用。

除此之外,还提供随机颜色、反色(互补色)以及按明度上下偏移自动生成调色板,帮助你构建主题色与层级色。所有处理在浏览器本地完成。

  • 常见用途: 前端样式编写、UI 设计配色、主题色规范制定、与设计稿数值对齐与核验。
  • 格式说明: 支持 HEX(#RRGGBB)、RGB(rgb(r,g,b))、HSL(hsl(h s% l%))与 Alpha;复制时可选择格式。
  • 调色板生成: 以当前 HSL 的明度为基准,按步长上下偏移生成不同深浅的颜色序列;适合按钮、背景、边框的层级配色。
  • 隐私说明: 不发起网络请求;刷新页面即可清空数据。