美文网首页
香港地铁配色参考

香港地铁配色参考

作者: revert | 来源:发表于2019-03-19 15:32 被阅读0次

\color{red}{强烈建议:}简书对html支持不是很友好,建议查看此链接: 香港地铁配色

原网页(含名称、色值): http://metrocolor.live/index.html

参考:http://www.ruanyifeng.com/blog/2019/03/coloring-scheme.html(阮一峰老师)

<div style="display:flex;flex-wrap:wrap;">

<div style="width:100px;height:100px;background-color:#b51921;text-align:center;line-height:100px;">#b51921</div>

<div style="width:100px;height:100px;background-color:#b2103e;text-align:center;line-height:100px;">#b2103e</div>

<div style="width:100px;height:100px;background-color:#c41832;text-align:center;line-height:100px;">#c41832</div>

<div style="width:100px;height:100px;background-color:#ef342a;text-align:center;line-height:100px;">#ef342a</div>

<div style="width:100px;height:100px;background-color:#a84d18;text-align:center;line-height:100px;">#a84d18</div>

<div style="width:100px;height:100px;background-color:#f68f26;text-align:center;line-height:100px;">#f68f26</div>

<div style="width:100px;height:100px;background-color:#faca07;text-align:center;line-height:100px;">#faca07</div>

<div style="width:100px;height:100px;background-color:#07594a;text-align:center;line-height:100px;">#07594a</div>

<div style="width:100px;height:100px;background-color:#4ba946;text-align:center;line-height:100px;">#4ba946</div>

<div style="width:100px;height:100px;background-color:#5fc0a7;text-align:center;line-height:100px;">#5fc0a7</div>

<div style="width:100px;height:100px;background-color:#0376c2;text-align:center;line-height:100px;">#0376c2</div>

<div style="width:100px;height:100px;background-color:#d16f20;text-align:center;line-height:100px;">#d16f20</div>

<div style="width:100px;height:100px;background-color:#be3223;text-align:center;line-height:100px;">#be3223</div>

<div style="width:100px;height:100px;background-color:#f45f7c;text-align:center;line-height:100px;">#f45f7c</div>

<div style="width:100px;height:100px;background-color:#ffd00d;text-align:center;line-height:100px;">#ffd00d</div>

<div style="width:100px;height:100px;background-color:#076750;text-align:center;line-height:100px;">#076750</div>

<div style="width:100px;height:100px;background-color:#7abf45;text-align:center;line-height:100px;">#7abf45</div>

<div style="width:100px;height:100px;background-color:#75c7b9;text-align:center;line-height:100px;">#75c7b9</div>

<div style="width:100px;height:100px;background-color:#077cb0;text-align:center;line-height:100px;">#077cb0</div>

<div style="width:100px;height:100px;background-color:#29409a;text-align:center;line-height:100px;">#29409a</div>

<div style="width:100px;height:100px;background-color:#ee1e4f;text-align:center;line-height:100px;">#ee1e4f</div>

<div style="width:100px;height:100px;background-color:#d2174a;text-align:center;line-height:100px;">#d2174a</div>

<div style="width:100px;height:100px;background-color:#f79d8b;text-align:center;line-height:100px;">#f79d8b</div>

<div style="width:100px;height:100px;background-color:#ce7020;text-align:center;line-height:100px;">#ce7020</div>

<div style="width:100px;height:100px;background-color:#e9a519;text-align:center;line-height:100px;">#e9a519</div>

<div style="width:100px;height:100px;background-color:#fddf55;text-align:center;line-height:100px;">#fddf55</div>

<div style="width:100px;height:100px;background-color:#076a66;text-align:center;line-height:100px;">#076a66</div>

<div style="width:100px;height:100px;background-color:#a7c299;text-align:center;line-height:100px;">#a7c299</div>

<div style="width:100px;height:100px;background-color:#098ec4;text-align:center;line-height:100px;">#098ec4</div>

<div style="width:100px;height:100px;background-color:#89d2e3;text-align:center;line-height:100px;">#89d2e3</div>

<div style="width:100px;height:100px;background-color:#7572a7;text-align:center;line-height:100px;">#7572a7</div>

<div style="width:100px;height:100px;background-color:#f7b1bf;text-align:center;line-height:100px;">#f7b1bf</div>

<div style="width:100px;height:100px;background-color:#f67e2a;text-align:center;line-height:100px;">#f67e2a</div>

<div style="width:100px;height:100px;background-color:#f57125;text-align:center;line-height:100px;">#f57125</div>

<div style="width:100px;height:100px;background-color:#fbaf37;text-align:center;line-height:100px;">#fbaf37</div>

<div style="width:100px;height:100px;background-color:#fde14e;text-align:center;line-height:100px;">#fde14e</div>

<div style="width:100px;height:100px;background-color:#076c53;text-align:center;line-height:100px;">#076c53</div>

<div style="width:100px;height:100px;background-color:#b2d68c;text-align:center;line-height:100px;">#b2d68c</div>

<div style="width:100px;height:100px;background-color:#8fd1cd;text-align:center;line-height:100px;">#8fd1cd</div>

<div style="width:100px;height:100px;background-color:#0798c7;text-align:center;line-height:100px;">#0798c7</div>

<div style="width:100px;height:100px;background-color:#9597ca;text-align:center;line-height:100px;">#9597ca</div>

<div style="width:100px;height:100px;background-color:#69686d;text-align:center;line-height:100px;">#69686d</div>

<div style="width:100px;height:100px;background-color:#f47a25;text-align:center;line-height:100px;">#f47a25</div>

<div style="width:100px;height:100px;background-color:#fcba5d;text-align:center;line-height:100px;">#fcba5d</div>

<div style="width:100px;height:100px;background-color:#f8d29d;text-align:center;line-height:100px;">#f8d29d</div>

<div style="width:100px;height:100px;background-color:#ffe285;text-align:center;line-height:100px;">#ffe285</div>

<div style="width:100px;height:100px;background-color:#077e7a;text-align:center;line-height:100px;">#077e7a</div>

<div style="width:100px;height:100px;background-color:#d0e4a9;text-align:center;line-height:100px;">#d0e4a9</div>

<div style="width:100px;height:100px;background-color:#81cdc1;text-align:center;line-height:100px;">#81cdc1</div>

<div style="width:100px;height:100px;background-color:#22b6ed;text-align:center;line-height:100px;">#22b6ed</div>

<div style="width:100px;height:100px;background-color:#b4d6f2;text-align:center;line-height:100px;">#b4d6f2</div>

<div style="width:100px;height:100px;background-color:#c077af;text-align:center;line-height:100px;">#c077af</div>

<div style="width:100px;height:100px;background-color:#bbbfc2;text-align:center;line-height:100px;">#bbbfc2</div>

<div style="width:100px;height:100px;background-color:#fed7a6;text-align:center;line-height:100px;">#fed7a6</div>

<div style="width:100px;height:100px;background-color:#fcae62;text-align:center;line-height:100px;">#fcae62</div>

<div style="width:100px;height:100px;background-color:#4c7020;text-align:center;line-height:100px;">#4c7020</div>

<div style="width:100px;height:100px;background-color:#c4e0e1;text-align:center;line-height:100px;">#c4e0e1</div>

<div style="width:100px;height:100px;background-color:#79bce7;text-align:center;line-height:100px;">#79bce7</div>

<div style="width:100px;height:100px;background-color:#b7e1fa;text-align:center;line-height:100px;">#b7e1fa</div>

<div style="width:100px;height:100px;background-color:#c7a7d2;text-align:center;line-height:100px;">#c7a7d2</div>

<div style="width:100px;height:100px;background-color:#e5e4e9;text-align:center;line-height:100px;">#e5e4e9</div>

<div style="width:100px;height:100px;background-color:#f2f1f6;text-align:center;line-height:100px;">#f2f1f6</div>

<div style="width:100px;height:100px;background-color:#f2f2f6;text-align:center;line-height:100px;">#f2f2f6</div>

<div style="width:100px;height:100px;background-color:#1fb27f;text-align:center;line-height:100px;">#1fb27f</div>

<div style="width:100px;height:100px;background-color:#b5a87f;text-align:center;line-height:100px;">#b5a87f</div>

<div style="width:100px;height:100px;background-color:#07b195;text-align:center;line-height:100px;">#07b195</div>

<div style="width:100px;height:100px;background-color:#d7df3f;text-align:center;line-height:100px;">#d7df3f</div>

<div style="width:100px;height:100px;background-color:#078e82;text-align:center;line-height:100px;">#078e82</div>

<div style="width:100px;height:100px;background-color:#6dade2;text-align:center;line-height:100px;">#6dade2</div>

<div style="width:100px;height:100px;background-color:#4dc7ec;text-align:center;line-height:100px;">#4dc7ec</div>

<div style="width:100px;height:100px;background-color:#a8b7d8;text-align:center;line-height:100px;">#a8b7d8</div>

<div style="width:100px;height:100px;background-color:#b8a1a9;text-align:center;line-height:100px;">#b8a1a9</div>

<div style="width:100px;height:100px;background-color:#f8c9cb;text-align:center;line-height:100px;">#f8c9cb</div>

<div style="width:100px;height:100px;background-color:#efe946;text-align:center;line-height:100px;">#efe946</div>

<div style="width:100px;height:100px;background-color:#fff455;text-align:center;line-height:100px;">#fff455</div>

<div style="width:100px;height:100px;background-color:#ffe901;text-align:center;line-height:100px;">#ffe901</div>

<div style="width:100px;height:100px;background-color:#89d3de;text-align:center;line-height:100px;">#89d3de</div>

<div style="width:100px;height:100px;background-color:#b295c5;text-align:center;line-height:100px;">#b295c5</div>

<div style="width:100px;height:100px;background-color:#c5c4c9;text-align:center;line-height:100px;">#c5c4c9</div>

<div style="width:100px;height:100px;background-color:#d1d5d8;text-align:center;line-height:100px;">#d1d5d8</div>
</div>

相关文章

网友评论

      本文标题:香港地铁配色参考

      本文链接:https://www.haomeiwen.com/subject/nlagmqtx.html