网页设计常用色彩搭配表 - UI世界

配色

中国传统色彩

日本传统色彩

方案

Red
#f44336

#ffebee

#ffcdd2

#ef9a9a

#e57373

#ef5350

#f44336

#e53935

#d32f2f

#c62828

#b71c1c

#ff8a80

#ff5252

#ff1744

#d50000

pink
#e91e63

#fce4ec

#f8bbd0

#f48fb1

#f06292

#ec407a

#e91e63

#d81b60

#c2185b

#ad1457

#880e4f

#ff80ab

#ff4081

#f50057

#c51162

purple
#9c27b0

#f3e5f5

#e1bee7

#ce93d8

#ba68c8

#ab47bc

#9c27b0

#8e24aa

#7b1fa2

#6a1b9a

#4a148c

#ea80fc

#e040fb

#d500f9

#a0f

deep-purple
#673ab7

#ede7f6

#d1c4e9

#b39ddb

#9575cd

#7e57c2

#673ab7

#5e35b1

#512da8

#4527a0

#311b92

#b388ff

#7c4dff

#651fff

#6200ea

indigo
#3f51b5

#e8eaf6

#c5cae9

#9fa8da

#7986cb

#5c6bc0

#3f51b5

#3949ab

#303f9f

#283593

#1a237e

#8c9eff

#536dfe

#3d5afe

#304ffe

blue
#2196f3

#e3f2fd

#bbdefb

#90caf9

#64b5f6

#42a5f5

#2196f3

#1e88e5

#1976d2

#1565c0

#0d47a1

#82b1ff

#448aff

#2979ff

#2962ff

light-blue
#03a9f4

#e1f5fe

#b3e5fc

#81d4fa

#4fc3f7

#29b6f6

#03a9f4

#039be5

#0288d1

#0277bd

#01579b

#80d8ff

#40c4ff

#00b0ff

#0091ea

cyan
#00bcd4

#e0f7fa

#b2ebf2

#80deea

#4dd0e1

#26c6da

#00bcd4

#00acc1

#0097a7

#00838f

#006064

#84ffff

#18ffff

#00e5ff

#00b8d4

teal
#009688

#e0f2f1

#b2dfdb

#80cbc4

#4db6ac

#26a69a

#009688

#00897b

#00796b

#00695c

#004d40

#a7ffeb

#64ffda

#1de9b6

#00bfa5

green
#4caf50

#e8f5e9

#c8e6c9

#a5d6a7

#81c784

#66bb6a

#4caf50

#43a047

#388e3c

#2e7d32

#1b5e20

#b9f6ca

#69f0ae

#00e676

#00c853

light-green
#8bc34a

#f1f8e9

#dcedc8

#c5e1a5

#aed581

#9ccc65

#8bc34a

#7cb342

#689f38

#558b2f

#33691e

#ccff90

#b2ff59

#76ff03

#64dd17

lime
#cddc39

#f9fbe7

#f0f4c3

#e6ee9c

#dce775

#d4e157

#cddc39

#c0ca33

#afb42b

#9e9d24

#827717

#f4ff81

#eeff41

#c6ff00

#aeea00

yellow
#ffeb3b

#fffde7

#fff9c4

#fff59d

#fff176

#ffee58

#ffeb3b

#fdd835

#fbc02d

#f9a825

#f57f17

#ffff8d

#ff0

#ffea00

#ffd600

amber
#ffc107

#fff8e1

#ffecb3

#ffe082

#ffd54f

#ffca28

#ffc107

#ffb300

#ffa000

#ff8f00

#ff6f00

#ffe57f

#ffd740

#ffc400

#ffab00

orange
#ff9800

#fff3e0

#ffe0b2

#ffcc80

#ffb74d

#ffa726

#ff9800

#fb8c00

#f57c00

#ef6c00

#e65100

#ffd180

#ffab40

#ff9100

#ff6d00

deep-orange
#ff5722

#fbe9e7

#ffccbc

#ffab91

#ff8a65

#ff7043

#ff5722

#f4511e

#e64a19

#d84315

#bf360c

#ff9e80

#ff6e40

#ff3d00

#dd2c00

brown
#795548

#efebe9

#d7ccc8

#bcaaa4

#a1887f

#8d6e63

#795548

#6d4c41

#5d4037

#4e342e

#3e2723

blue-grey
#607d8b

#eceff1

#cfd8dc

#b0bec5

#90a4ae

#78909c

#607d8b

#546e7a

#455a64

#37474f

#263238

grey
#9e9e9e

#fafafa

#f5f5f5

#eee

#e0e0e0

#bdbdbd

#9e9e9e

#757575

#616161

#424242

#212121

友情链接

泰州白癜风医院

网站申明关于本人京ICP备16013026号-2

© 2015 UI世界(www.uishijie.com)声明：本站所发布的设计图片均来自网络收集，版权归原作者所有，在此只是加以分享。如有冒犯，请来信说明。转载的文章均已标明出处，其他均为本站原创，转载请注明出处。