HEX:
RGB:

色卡

tint

100%

#ffffff

tint

90%

#fdfefb

tint

80%

#fbfcf7

tint

70%

#f9fbf3

tint

60%

#f7f9ef

tint

50%

#f5f8eb

tint

40%

#f2f6e6

tint

30%

#f0f5e2

tint

20%

#eef3de

tint

10%

#ecf2da

base

0%

#eaf0d6

shade

10%

#d3d8c1

shade

20%

#bbc0ab

shade

30%

#a4a896

shade

40%

#8c9080

shade

50%

#75786b

shade

60%

#5e6056

shade

70%

#464840

shade

80%

#2f302b

shade

90%

#171815

shade

100%

#000000

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