取色技巧

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

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

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

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

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

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

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

配色方案

1.复古

编号123456789101112
十六进制0780cf765005fa6d1d0e2c82b6b51fda1f18701866f47a75009db2024b510780cf765005
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.新特性

123456789101112
十六进制63b2ee76da91f8cb7ff895887cd6cf9192ab7898e1efa666eddd869987ce63b2ee76da91
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.渐变

123456789101112
十六进制71ae4696b744c4cc38ebe12aeab026e3852bd85d2ace2626ac202671ae4696b744c4cc38
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.清新

123456789101112
十六进制00a8e199cc00e30039fcd30080008000994eff6600808000db00c20080800000ffc8cc00
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.怀旧

123456789101112
十六进制3b6291943c39779043624c7c388498bf73343f68999c403d7d98476750833b8ba1c97937
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.商务

123456789101112
十六进制194f97555555bd6b0800686bc82d31625ba18989899c9800007f54a195c5103667f19272
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.明亮

123456789101112
十六进制0e72cc6ca30ff59311fa434316afcc85c021d12a6a0e72cc6ca30ff59311fa434316afcc
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.雅致

123456789101112
十六进制3682be45a776f05326eed777334f65b3974e38cb7dddae33844bb393c5555f6694df3881
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 柔和

123456789101112
十六进制5b9bd5ed7d3170ad47ffc0004472c491d024b235e602ae755FA2DFF7843479BB4CFFCE00
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 淡雅

123456789101112
十六进制95a2fffa8080ffc076fae76887e8853cb9fc73abf5cb9bff43434890ed7df7a35c8085e9
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 经典

123456789101112
十六进制002c53ffa5100c84c6ffbd66f74d4d2455a441b7ac002E58FFB0100C8AD0FFCA6DFC5252
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 艳丽

123456789101112
十六进制fa2c7bff38e0ffa23504c5f30066fe8932a5c90444cb9bff43434890ed7df7a35c8085e9
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 科技

123456789101112
十六进制05f8d60082fcfdd84522ed7c09b0d31d27c9f9e264f47a75009db2024b510780cf765005
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

123456789101112
十六进制e75840a565ef628ceeeb9358d05c7cbb60b2433e7cf47a75009db2024b510780cf765005
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

123456789101112
十六进制ef4464fad259d22e8d03dee0d05c7cbb60b2433e7cf47a75009db2024b510780cf765005
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

123456789101112
十六进制929fff9de0ffffa897af87fe7dc3febb60b2433e7cf47a75009db2024b510780cf765005
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

123456789101112
十六进制50c48f26ccd83685fe9977eff5616ff7b13ff9e264f47a75009db2024b510780cf765005765005
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

123456789101112
十六进制bf19ff854cff5f45ff02cdff0090ff314976f9e264f47a75009db2024b510780cf765005
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

123456789101112
十六进制45c8dc854cff5f45ff47aee3d5d6d896d7f9f9e264f47a75009db2024b510780cf765005
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 暖色

123456789101112
十六进制9489faf06464f7af59f0da4971c16f2aaaef5690ddbd88f5009db2024b510780cf765005
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

12345678910
十六进制80CBF2C4B4E1A1FCD0FFC37BFCBBCFFFEC717DF1F1E6A5E7DCDFE6FFB5A8
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

12345678910
十六进制5F9AFE6AECD2FFE85A6FAED1E99D9DACED6BA7DFECB8A8E7DBE0E6FFB574
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 莫兰迪

1234
十六进制c6c6bce3ddbdd3c2ba869f82
RGB(198,198,188)(227,221,189)(211,194,186)(34,159,130)

24 马卡龙

1234
十六进制e6a0c4c6cdf7d8a4997294d4
RGB(230,160,196)(198,205,247)(216,164,153)(114,148,212)

25 孟菲斯

1234
十六进制5ec9dbfdc765f27d516462cc
RGB(94,201,219)(253,199,101)(242,125,81)(100,98,204)

26 红蓝


1234
十六进制ff53844456c7B4A6B6ff80a0
RGB(255,83,132)(68,86,199)(180,166,182)(255,128,160)

27 橘红

1234
十六进制ffc900595959fe8c00ff5338
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

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐