高级调色板工具

#000000

RGB

0, 0, 0

HEX

#000000

HSL

0, 0%, 0%

颜色选择器

HEX 值

R

G

B

H

S

L

常用颜色

线性渐变

渐变类型

渐变代码

background: linear-gradient(90deg, #000000, #000000);

渐变角度

90°

渐变颜色

0%

100%

#000000

#1F1F1F

#4A4A4A

#9B9B9B

#E5E5E5

配色方案类型

基础颜色

配色选项

变化数量

5

亮度变化

20

配色代码

// 单色配色方案（以 #000000 为基础）
const colors = {
  dark: '#1F1F1F',
  mediumDark: '#4A4A4A',
  base: '#000000',
  mediumLight: '#9B9B9B',
  light: '#E5E5E5'
};

拖放图片到这里，或

取色选项

颜色数量

2 5 10

采样精度

提取的颜色

颜色分布