颜色格式转换与色阶

一个颜色，四种表示法，外加一套 10 级色阶。做设计系统时先定主色，剩下的深浅由它派生。

#4f46e5

点击色块可复制色值

HEX	#4f46e5
RGB	rgb(79, 70, 229)
HSL	hsl(243, 75%, 59%)
HSV	hsv(243, 69%, 90%)

色阶（50-900）

50

#eeedfc

100

#dddbfa

200

#b2aff4

300

#7f79ec

500

#5048e5

400

#4c44e4

600

#271ed2

700

#1d169c

800

#151070

900

#0c0a43

说明

色阶按 HSL 明度递减生成，保持色相与饱和度不变——这是最不容易跑偏的做法。
HEX 用小写输出，与主流设计工具一致。
不支持带透明度的颜色；透明度请用 rgba()，在「对比度检查」里更合适。