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

香港地铁配色参考

作者: 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

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|香港地铁配色参考|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！