在线调色板工具

颜色选择器

#4361EE RGB(67, 97, 238)

RGB 滑块

67
97
238

HSL 滑块

231
83
60

调色板生成

#4361EE
67, 97, 238
#3A0CA3
58, 12, 163
#7209B7
114, 9, 183
#4CC9F0
76, 201, 240
#F72585
247, 37, 133

收藏颜色

×
×
×
×
×

颜色格式转换

颜色对比度检查器

前景色 #4361EE
背景色 #FFFFFF

前景色

背景色

6.84:1
AA 级 (正常文本)

WCAG 2.1 对比度标准:正常文本至少 4.5:1,大文本至少 3:1

常用颜色库

Red 500
Pink 500
Purple 500
Deep Purple 500
Indigo 500
Blue 500
Light Blue 500
Cyan 500
Teal 500
Green 500

颜色知识

调色板是设计工作中必不可少的工具,良好的色彩搭配能提升设计的视觉效果和用户体验。

  • HEX: 十六进制颜色码,格式为#RRGGBB,是网页设计中最常用的颜色表示方法
  • RGB: 红绿蓝三原色,每个值范围0-255,用于屏幕显示
  • HSL: 色相、饱和度、明度,更符合人类对颜色的直观感知
  • CMYK: 青、品红、黄、黑,用于印刷行业
  • 颜色对比度: 衡量两种颜色之间的亮度差异,对于可访问性设计非常重要
  • 调色板类型: 单色、类似色、互补色、三色等不同的配色方案适用于不同的设计场景

渐变生成器(开发中)

此功能正在开发中,将包括线性渐变和径向渐变的生成功能。