HEX
复制代码
RGB
复制代码
R
G
B
HSV
复制代码
H
S
V

tint

100%

#ffffff

tint

90%

#feebf5

tint

80%

#fdd6eb

tint

70%

#fcc2e1

tint

60%

#fbadd7

tint

50%

#fa99ce

tint

40%

#f884c4

tint

30%

#f770ba

tint

20%

#f65bb0

tint

10%

#f547a6

base

0%

#f4329c

shade

10%

#dc2d8c

shade

20%

#c3287d

shade

30%

#ab236d

shade

40%

#921e5e

shade

50%

#7a194e

shade

60%

#62143e

shade

70%

#490f2f

shade

80%

#310a1f

shade

90%

#180510

shade

100%

#000000

概述
在线取色器是一款非常简单实用对取色器工具,我们可以取色器中的某个区域即可进行取色。鼠标点击取色器即可在下方显示点击位置的颜色值(颜色值分为十六进制与 RBGA 两种方式显示)。

About

Color tints and shades generator tool.

  • Accepted Color input:
  • The accepted percent balance point goes from 1 to 100. The math is round(100 / <percent>), so:
    • 1 will produce 100 tints and 100 shades
    • 2 will produce 50 tints and 50 shades
    • and so on...

View source on GitHub

Credits

  • values.js — JS library to get the tints and shades.
  • Material Design Components & Icons by @Google.
  • “Percent” icon by Austin Andrews @templarian

MIT © Noel Delgado