顏色產生器

為您的專案建立無障礙、平衡的配色方案。基於 tints.dev 的演算法。

設定

顏色 / 色階

感知亮度模式 (HSLuv)

色相微調0

飽和度微調0

最小亮度0

最大亮度100

預覽

#EFF2FE

100

#DEE5FD

200

#BDCCFC

300

#99B3FA

400

#719AF8

500

#3B82F6

600

#2166CB

700

#164C9A

800

#0C346C

900

#041D42

950

#02112D

'3B82F6': {
  50: '#EFF2FE',
  100: '#DEE5FD',
  200: '#BDCCFC',
  300: '#99B3FA',
  400: '#719AF8',
  500: '#3B82F6',
  600: '#2166CB',
  700: '#164C9A',
  800: '#0C346C',
  900: '#041D42',
  950: '#02112D'
}