As的颜色搭配

未完待续…

RGB转换

双色

#2F89F6 #FF9898#082E52#86B6A0#67AFC6
#2E416C#9999FF#8CD4EA#DCD0BA#8faecd
示例 示例

三色

#0F6DA3 #51A045#51A045 #2ECEC6#027CAD#003300
#01ACC8#FED73C#A1D291 #FF6531#3B3F2F#467F1A
#A2C9DA#C5E1B9#DED9B9 #FFCC3F#EEC25F#77AA41

四色

#f4f9f4 #a2d7c4#74b49b#5c8d89#bbdadc #fcfafb#fededd#148395
#3b5445#e7eeef#698f7d#e9dcd3#032B8A#D5D7D6#0293CE#4FC8FE
#5a736d#7ea497#fofof3#8fbdb3#CAEAF7#95DDF5#56C8FE#06A7EA
#505d58#cacbc1#ffffff#969f95#FCC143#F68B2D#D65140#A1C98E
#ee6a59#3a3f58#f9ac67#872404#92AEEE#E8787C#EDCC6D#3A67CC
#75c9be#153f4c#c8e2e2#1f5869#24352B#96B4A4#406448#6AB078
#5f383c#81b446#e7d5bb#ffa66a
#0b1641#c13261#dbdbdb#d7b799
#183a5a#efb758#c34129#e2dbc9
#183a5a#efb758#c34129#2b8ad8

五色

#6BAB9B #E06C77#F99283 #5873DC#384478#2E91C2 #94B796#ECEB74 #F68538#D83023
#50A44D #88C34B#EBE852 #F97F35#FD1D3C#2E91C2 #94B796#ECEB74 #F68538#D83023
'#50A44D', '#88C34B', '#EBE852', '#F97F35', '#FD1D3C''#2E91C2', '#94B796', '#ECEB74', '#F68538', '#D83023'
#aed17f #171d1#191b1a#b8e0f6#f7f6cf#ddf2f4#c6c9d0#218b82#4bbcf4
#b05461#3a5336#143057#a4cce3#b6d8f2#84a6d6#c54b6c#9ad9db#61c0bf
#00767a#7ba4aa#b1cfeb#37667e#f4cfdf#4382bb#e5b3bb#e5dbd9#bbded6
#5c8559#c8549d#6fceb0#dec4d6#5784ba#e4cee0#c47482#98d4bb#ffb6b9
#9cc99e#f1f2ed#f85c74#7b92aa#9ac8eb#a15d98#d5e4c3#eb96aa#fae5d9
#ffdd1c #eb5202 #FCC435 #5B262C #A23B37#14528F#84C0E2#B93E3F#c9252c
#fb4627 #ff7e19 #D82921 #FC800C#D0A39C#1B93E9#51ACC7#358E69#ff8c7a
#5faaa6 #fdb53d #10546D #FFE211#A6C0BC#51C9D9#0688BF#770246#8faecd
#056780 #37550f #110904 #03AF43#17828C#7D5BBC#627085#0673AA#6c88a1
#373133 #of1c0a #FEF1E0 #FEAFBE#1A3F47#EC3FAA#295271#FBA330#49424a

六色

#e2d5cc #48615d#f3efec#efe9e9 #5fa0a2 #e9e2d0#f1ffe3#eff4f7#283b39
#cc6264#1f3230#f2ebdb#e5dad8 #484131 #e1c1aa#f3e5e4#f5e7e6#375f3d
#653231#692637#f4c3bf#c4ada5 #5f1e22 #a83242#ebbebb#eab3ae#65874b
#20332d#d4405a#d63e4b#4f5553 #ce3f3b #3e3143#c67772#2b4248#d89082
#3b5e57#efbc9d#efbc9d#31403b #c39ea5 #294752#263b2a#3b5647#e2bdc5
#b1b8c0#ebd3e3#c4c9d5#6f7c6a #e0cdbc #73968f#557b54#6d9269#e8d3e4
#fad64c #dcc7cc#b6e0ec#c8c8d0#f5f5d3 #e6e2d9 #d6cdbc#083055
#ee9e3f #fa9e5f#7cbeb2#d4eade#f2a595 #ddc6b6 #b5b168#3488AD
#919618 #d9213d#408f58#4f7079#dd776b #c35a5f #2e5157#89D8DF
#302931 #75203d#11380c#564847#704358 #9a7676 #c94e63#EAB112
#159abd #63a88c#d1acd8#9d3f4d#5370bc #6b6974 #ec97be#F06419
#a9d9e4 #bbe785#fac8e1#ffd57e#d3c4d9 #c3c1c6 #ebe1e0#0FBF0F
#f9dsc5 #fcbdab#94d183#ffdfdf #feb9b7#2e6a67#7fbab7 #a1cbb7#e8efd5
#6ebdab#269493#20485a#3c6654 #98b08b#dbdeba#f7e5df #e6c3bf#9c8384
#fdacbb#ffabaa#fa8a89#5ec1d1 #8bdbe3#ffe048#eff4e7 #ede868#7fd9d6
#c2cb81#5f936a#357d71#fec9cb #fea4b0#5e5452#c4f2ce #9fdebd#80cebe
#fcc7c5#ffdeda#f892c1#86a845 #b3c648#fac240#d986b1 #f2a6c2#28495e
#fedd47#01b257#eeebeb#fed46e #a2d89f#ccf0c5#35635a #6aa173#c0d9a2
#45aab4#038db2#206491#638a66#a2bda2#c0e1d9#459c9c#2e8e9a#206175
#f9637c#fe7a66#fbb45c#f0ebd6#f1cbb5#d29775#b5e3c7#9cd5ad#eac49e
#e12d2b #fe9259#00112b#074049#024ab2#2bcef9
#0348b8#0c3d21#459f90#872404#f59939#620336
#0e4d76#030e2e#b95a02#933203#340216#511a2f
#0348b8#0784ee#c68251#9d1f20#f8df47#98954f
#034e88#7f9bc3#b3481e#97000b#14192f#3d4a04
#be3421#3f3e15#e9bf37#97000b#320c1f#9aa55d

七色

#EB9D43 #EB190B#97CAE6#D6D6D6#ED5B23#B1B1B1#02B5CB
'#EB9D43', '#EB190B', '#97CAE6', '#D6D6D6', '#ED5B23', '#B1B1B1', '#02B5CB'
#003169 #006697#4DABCF#B9DBE4#E6323E#FF6634#F5A764
'#003169', '#006697', '#4DABCF', '#B9DBE4', '#E6323E', '#FF6634', '#F5A764'

八色

#bd9e72 #fea087#f27151#36bac6#00767a#019d92#005365#e9e9e7
'#bd9e72', '#fea087', '#f27151', '#36bac6', '#00767a', '#019d92', '#005365', '#e9e9e7'
#E40003 #E65B3A#E68E76#E99D84#B4CDBD#8AAE96#678F75#3D674F
'#E40003', '#E65B3A', '#E68E76', '#E99D84', '#B4CDBD', '#8AAE96', '#678F75', '#3D674F'
#033357 #016A97#8DADC4#7AA9B1#408F89#5D859E#B0BFC1#689DA1
'#033357', '#016A97', '#8DADC4', '#7AA9B1', '#408F89', '#5D859E', '#B0BFC1', '#689DA1'
#23295B #0E599A#2193DE#FA7E0B#FC40BE#F27BC5#7C54C6#B9A6DF
'#23295B', '#0E599A', '#2193DE', '#FA7E0B', '#FC40BE', '#F27BC5', '#7C54C6', '#B9A6DF'

九色渐变

#1382b3 #288db9#3d98c0#feb9b9#fec1c2#fecacb#7acfda#86d3dd#92d7e0
#53a4c7#68afce#7ebad5#dfc4cb#e5ced3#ead8dc#9edce4#aae0e7#b6e4ea
#93c6dc#a9d1e3#bedcea#dbbfcd#e1cad5#e7d4dd#c2e9ee#ceedf1#daf1f4
#19070a#250b0f#310e14#83bd6c#8ec379#99c986#862537#913849#9c4c5b
#3d1119#4a151e#561823#a4cf94#b0d5a1#bbdbae#a7606d#b2747f#bd8891
#621b29#6e1f2e#7a2232#c6e1bc#d1e7c9#ddedd6#c89ba4#d3afb6#dec3c8
#374ba7#3c52b7#4d61bd#bd8c7e#c39689#c9a095#2b3f46#416367#8bb6ab
#5f71c4#7181ca#8290d1#cfaba1#d5b5ac#dbc0b8#283a40#3c5a5e#7fa69c
#94a0d7#a6b0de#b8c0e4#e1cac4#e7d5d0#eddfdb#213035#324a4d#72958c

十色

#2386C1 #5EA9AF#90D1A8#BDDDAB#E4EDB9#FEEC9A#FEC679#FA995C#EF6349#D52631
'#2386C1', '#5EA9AF', '#90D1A8', '#BDDDAB', '#E4EDB9', '#FEEC9A', '#FEC679', '#FA995C', '#EF6349', '#D52631'

多色渐变

#f7f0f8 #613806 #0C3D73
#e9e4f8 #7E4909 #1A5899
#dfcfd0 #995D13 #2870B1
#c3c6c2 #B17423 #3A87BD
#99aea7 #C79040 #569FC9
#a7b9b1 #D7B169 #7EB8D7
#8bb6ad #E5CC8F #A2CDE3
#81b3a8 #F1DFB3 #C2DDEC
#74ac9f #FAF3DF #E7F1F7
#62a994 #FFFFFF #FFFFFF
#60a392 #E1F4F1 #FEECE1
#5b9472 #B4E2DB #FBCCB4
#578f68 #92D4CA #F6B394
#478264 #6DBFB4 #EC9374
#40785f #47A49B #DD7059
#336c4d #278A82 #CC4C44
#0c534b #0C7169 #BB2A34
#02433f #015B52 #9F1228
#01393a #00463B #790622
#012c32 '#613806', '#7E4909', '#995D13', '#B17423', '#C79040', '#D7B169', '#E5CC8F', '#F1DFB3', '#FAF3DF', '#FFFFFF', '#E1F4F1', '#B4E2DB', '#92D4CA', '#6DBFB4', '#47A49B', '#278A82', '#0C7169', '#015B52', '#00463B''#0C3D73', '#1A5899', '#2870B1', '#3A87BD', '#569FC9', '#7EB8D7', '#A2CDE3', '#C2DDEC', '#E7F1F7', '#FFFFFF', '#FEECE1', '#FBCCB4', '#F6B394', '#EC9374', '#DD7059', '#CC4C44', '#BB2A34', '#9F1228', '#790622'
#050b25
#04192c
#142e3d
#1c3843
'#f7f0f8', '#e9e4f8', '#dfcfd0', '#c3c6c2', '#99aea7', '#a7b9b1', '#8bb6ad', '#81b3a8', '#74ac9f', '#62a994', '#60a392', '#5b9472', '#578f68', '#478264', '#40785f', '#336c4d', '#0c534b', '#02433f', '#01393a', '#012c32', '#050b25', '#04192c', '#142e3d', '#1c3843'
  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值