颜色工具

互转 · 取色 · 配色 · 渐变 · 色卡

颜色互转

HEX / RGB / HSL 实时互转，也支持颜色名（如 tomato、朱砂）

#7C5CFF

HEX / 颜色名

RGB（0–255）

HSL

互转：任意输入 HEX（#RRGGBB / #RGB）、RGB（r, g, b）、HSL（h°, s%, l%）或颜色名（如 tomato、朱砂），其余自动同步；点击上方色块可复制
取色：方形面板拖动调饱和度/明度；下方色相彩条点击或拖动选基础色相（与滑块联动）；桌面 Chrome/Edge 支持「屏幕取色」直接吸屏幕任意颜色；也可上传图片点击取色
配色：输入基础色，选择单色 / 互补 / 类似 / 三角 / 四方 / 分裂互补自动生成 5 色方案；下方是精选配色方案库 20 组（莫兰迪 / 马卡龙 / 中国风 / 赛博朋克等）
渐变：自定义双色 / 三色渐变 + 角度调节，实时生成 CSS 代码一键复制；也可输入一个基准色自动生成 6 组渐变方案（同色加深 / 提亮 / 互补 / 类似 / 分裂互补 / 三色）；下方为 uiGradients 经典渐变库 60 组，点击即可应用
颜色大全：236 个颜色，可切换「按色系」（红/橙/黄/绿/青/蓝/紫/粉/棕/中性）或「按系列」（中国传统色 / 马卡龙 / 莫兰迪 / Tailwind / Material / CSS 标准色）两种视图，点击复制色值