返回工具箱

颜色选择器

选择、生成和复制各种格式的颜色代码

颜色选择

颜色预览

#3b82f6

颜色选择器

↑ 点击或拖动以选择颜色

颜色代码

hex:#3b82f6
rgb:rgb(59, 130, 246)
rgba:rgba(59, 130, 246, 1)
hsl:hsl(217, 91%, 60%)
hsla:hsla(217, 91%, 60%, 1)

渐变生成器

渐变预览

#3b82f6 → #f472b6

渐变设置

CSS 代码

预设渐变

使用说明

  • 使用颜色选择器选择您需要的颜色
  • 在颜色预览区域查看当前颜色效果
  • 复制您需要的颜色格式代码（HEX、RGB、RGBA、HSL、HSLA）
  • 使用渐变设置创建漂亮的颜色渐变
  • 选择预设渐变快速获取配色方案
  • 您最近使用过的颜色会自动保存在历史记录中