Fork me on GitHub

图表配色方案

取色技巧

1.可以利用QQ或微信的截图功能,抓取颜色:

① 同时按住 Ctrl + Alt + A,进入截图;

② 按住 Ctrl 键,光标处会显示光标位置对应RGB的6位十六进制颜色码;

③ 松开 Ctrl 键,光标处会显示光标位置对应RGB的3串RGB颜色值。

2.使用画图工具抓取颜色

① 使用 颜色选取器 点击对应颜色

② 在 编辑颜色 可以看到对应的RGB颜色值

配色方案

1.复古

编号 1 2 3 4 5 6 7 8 9 10 11 12
十六进制 0780cf 765005 fa6d1d 0e2c82 b6b51f da1f18 701866 f47a75 009db2 024b51 0780cf 765005
RGB (7,128,207) (118,80,5) (250,109,29) (14,44,130) (182,181,31) (218,31,24) (112,24,102) (244,122,117) (0,157,178) (2,75,81) (7,128,207) (118,80,5)

2.新特性

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 63b2ee 76da91 f8cb7f f89588 7cd6cf 9192ab 7898e1 efa666 eddd86 9987ce 63b2ee 76da91
RGB (99,178,238) (118,218,145) (248,203,127) (248,149,136) (124,214,207) (145,146,171) (120,152,225) (239,166,102) (237,221,134) (153,135,206) (99,178,238) (118,218,145)

3.渐变

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 71ae46 96b744 c4cc38 ebe12a eab026 e3852b d85d2a ce2626 ac2026 71ae46 96b744 c4cc38
RGB (113,174,70) (150,183,68) (196,204,56) (235,225,42) (234,176,38) (227,133,43) (216,93,42) (206,38,38) (172,32,38) (113,174,70) (150,183,68) (196,204,56)

4.清新

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 00a8e1 99cc00 e30039 fcd300 800080 00994e ff6600 808000 db00c2 008080 0000ff c8cc00
RGB (0,168,225) (153,204,0) (227,0,57) (252,211,0) (128,0,128) (0,153,78) (255,102,0) (128,128,0) (219,0,194) (0,128,128) (0,0,255) (200,204,0)

5.怀旧

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 3b6291 943c39 779043 624c7c 388498 bf7334 3f6899 9c403d 7d9847 675083 3b8ba1 c97937
RGB (59,98,145) (148,60,57) (119,144,67) (98,76,124) (56,132,152) (191,115,52) (63,104,153) (156,64,61) (125,152,71) (103,80,131) (59,139,161) (201,121,55)

6.商务

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 194f97 555555 bd6b08 00686b c82d31 625ba1 898989 9c9800 007f54 a195c5 103667 f19272
RGB (25,79,151) (85,85,85) (189,107,8) (0,104,107) (200,45,49) (98,91,161) (137,137,137) (156,152,0) (0,127,84) (161,149,197) (16,54,103) (241,146,114)

7.明亮

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 0e72cc 6ca30f f59311 fa4343 16afcc 85c021 d12a6a 0e72cc 6ca30f f59311 fa4343 16afcc
RGB (14,114,204) (108,163,15) (245,147,17) (250,67,67) (22,175,204) (133,192,33) (209,42,106) (14,114,204) (108,163,15) (245,147,17) (250,67,67) (22,175,204)

8.雅致

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 3682be 45a776 f05326 eed777 334f65 b3974e 38cb7d ddae33 844bb3 93c555 5f6694 df3881
RGB (54,130,190) (69,167,118) (240,83,38) (238,215,119) (51,79,101) (179,151,78) (56,203,125) (221,174,51) (132,75,179) (147,197,85) (95,102,148) (223,56,129)

9 柔和

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 5b9bd5 ed7d31 70ad47 ffc000 4472c4 91d024 b235e6 02ae75 5FA2DF F78434 79BB4C FFCE00
RGB (91,155,213) (237,125,49) (112,173,71) (255,192,0) (68,114,196) (145,208,36) (178,53,230) (2,174,117) (95,162,223) (247,132,52) (121,187,76) (255,206,0)

10 淡雅

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 95a2ff fa8080 ffc076 fae768 87e885 3cb9fc 73abf5 cb9bff 434348 90ed7d f7a35c 8085e9
RGB (149,162,255) (250,128,128) (255,192,118) (250,231,104) (135,232,133) (60,185,252) (115,171,245) (203,155,255) (67,67,72) (144,237,125) (247,163,92) (128,133,233)

11 经典

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 002c53 ffa510 0c84c6 ffbd66 f74d4d 2455a4 41b7ac 002E58 FFB010 0C8AD0 FFCA6D FC5252
RGB (0,44,83) (255,165,16) (12,132,198) (255,189,102) (247,77,77) (36,85,164) (65,183,172) (0,46,88) (255,176,16) (12,138,208) (255,202,109) (252,82,82)

12 艳丽

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 fa2c7b ff38e0 ffa235 04c5f3 0066fe 8932a5 c90444 cb9bff 434348 90ed7d f7a35c 8085e9
RGB (250,44,123) (255,56,224) (255,162,53) (4,197,243) (0,102,254) (137,50,165) (201,4,68) (203,155,255) (67,67,72) (144,237,125) (247,163,92) (128,133,233)

13 科技

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 05f8d6 0082fc fdd845 22ed7c 09b0d3 1d27c9 f9e264 f47a75 009db2 024b51 0780cf 765005
RGB (5,248,214) (0,130,252) (253,216,69) (34,237,124) (9,176,211) (29,39,201) (249,226,100) (244,122,117) (0,157,178) (2,75,81) (7,128,207) (118,80,5)

14 炫彩1

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 e75840 a565ef 628cee eb9358 d05c7c bb60b2 433e7c f47a75 009db2 024b51 0780cf 765005
RGB (231,88,64) (165,101,239) (98,140,238) (235,147,88) (208,92,124) (187,96,178) (67,62,124) (244,122,117) (0,157,178) (2,75,81) (7,128,207) (118,80,5)

15 炫彩2

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 ef4464 fad259 d22e8d 03dee0 d05c7c bb60b2 433e7c f47a75 009db2 024b51 0780cf 765005
RGB (239,68,100) (250,210,89) (210,46,141) (3,222,224) (208,92,124) (187,96,178) (67,62,124) (244,122,117) (0,157,178) (2,75,81) (7,128,207) (118,80,5)

16 简洁1

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 929fff 9de0ff ffa897 af87fe 7dc3fe bb60b2 433e7c f47a75 009db2 024b51 0780cf 765005
RGB (146,159,255) (157,224,255) (255,168,151) (175,135,254) (125,195,254) (187,96,178) (67,62,124) (244,122,117) (0,157,178) (2,75,81) (7,128,207) (118,80,5)

17 简洁2

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 50c48f 26ccd8 3685fe 9977ef f5616f f7b13f f9e264 f47a75 009db2 024b51 0780cf 765005765005
RGB (80,196,143) (38,204,216) (54,133,254) (153,119,239) (245,97,111) (247,177,63) (249,226,100) (244,122,117) (0,157,178) (2,75,81) (7,128,207) (118,80,5)

18 冷色1

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 bf19ff 854cff 5f45ff 02cdff 0090ff 314976 f9e264 f47a75 009db2 024b51 0780cf 765005
RGB (191,25,255) (133,76,255) (95,69,255) (2,205,255) (0,144,255) (49,73,118) (249,226,100) (244,122,117) (0,157,178) (2,75,81) (7,128,207) (118,80,5)

19 冷色2

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 45c8dc 854cff 5f45ff 47aee3 d5d6d8 96d7f9 f9e264 f47a75 009db2 024b51 0780cf 765005
RGB (69,200,220) (133,76,255) (95,69,255) (71,174,227) (213,214,216) (150,215,249) (249,226,100) (244,122,117) (0,157,178) (2,75,81) (7,128,207) (118,80,5)

20 暖色

1 2 3 4 5 6 7 8 9 10 11 12
十六进制 9489fa f06464 f7af59 f0da49 71c16f 2aaaef 5690dd bd88f5 009db2 024b51 0780cf 765005
RGB (148,137,250) (240,100,100) (247,175,89) (240,218,73) (113,193,111) (42,170,239) (86,144,221) (189,136,245) (0,157,178) (2,75,81) (7,128,207) (118,80,5)

21 清淡1

1 2 3 4 5 6 7 8 9 10
十六进制 80CBF2 C4B4E1 A1FCD0 FFC37B FCBBCF FFEC71 7DF1F1 E6A5E7 DCDFE6 FFB5A8
RGB (108,203,242) (196,180,225) (161,252,208) (255,195,123) (252,187,207) (255,236,113) (125,24,241) (230,165,231) (220,223,230) (255,181,168)

22 清淡2

1 2 3 4 5 6 7 8 9 10
十六进制 5F9AFE 6AECD2 FFE85A 6FAED1 E99D9D ACED6B A7DFEC B8A8E7 DBE0E6 FFB574
RGB (95,154,254) (106,236,210) (255,232,90) (111,174,209) (233,157,157) (172,237,107) (167,223,236) (184,168,231) (219,224,230) (255,181,116)

23 莫兰迪

1 2 3 4
十六进制 c6c6bc e3ddbd d3c2ba 869f82
RGB (198,198,188) (227,221,189) (211,194,186) (34,159,130)

24 马卡龙

1 2 3 4
十六进制 e6a0c4 c6cdf7 d8a499 7294d4
RGB (230,160,196) (198,205,247) (216,164,153) (114,148,212)

25 孟菲斯

1 2 3 4
十六进制 5ec9db fdc765 f27d51 6462cc
RGB (94,201,219) (253,199,101) (242,125,81) (100,98,204)

26 红蓝


1 2 3 4
十六进制 ff5384 4456c7 B4A6B6 ff80a0
RGB (255,83,132) (68,86,199) (180,166,182) (255,128,160)

27 橘红

1 2 3 4
十六进制 ffc900 595959 fe8c00 ff5338
RGB (255,201,0) (89,89,89) (254,140,0) (255,83,56)

工具

ColorBox

ColorBrewer

Coolors

DataColorPicker

其他资料

ColorHunt

ColourLovers

ColorSchemer

Flat UI Colors

参考

丿潇湘丶书笛

不吃狮子

亿信华辰

Samantha Zhang

posted @   ZTianming  阅读(2120)  评论(0编辑  收藏  举报
编辑推荐:
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 我与微信审核的“相爱相杀”看个人小程序副业
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~
欢迎阅读『图表配色方案』

喜欢请打赏

扫描二维码打赏

支付宝打赏

点击右上角即可分享
微信分享提示