clrs 精心設(shè)計的現(xiàn)代web配色方案

Y3G 發(fā)布于2019-08-28 17:53 / 3600人閱讀

摘要：是最近在上發(fā)現(xiàn)的一個有趣的項目。它是一套精心設(shè)計的配色方案。的默認(rèn)的顏色看起來比較呃怎么說呢經(jīng)典所以重搞了一套。如果需要壓縮，有任務(wù)提供你可能慣用，那可以直接修改中的相應(yīng)文件，然后用生成項目主頁編譯

clrs.cc是最近在GitHub上發(fā)現(xiàn)的一個有趣的項目。它是一套精心設(shè)計的web配色方案。

web的默認(rèn)的顏色看起來……比較……呃……怎么說呢……經(jīng)典……

Navy #000080

Blue #0000ff

Aqua #00ffff

Teal #008080

Olive #008000

Green #008000

Lime #00ff00

Yellow #ffff00

Orange #ffa500

Red #ff0000

Maroon #800000

Fuchsia #ff00ff

Purple #800080

Silver #c0c0c0

Gray #808080

Black #000000

所以clrs.cc重搞了一套。

colors = {
    # Cool Colors

    aqua: "#7FDBFF", 
    blue: "#0074D9",
    lime: "#01FF70",
    navy: "#001F3F",
    teal: "#39CCCC",
    olive: "#3D9970",
    green: "#2ECC40",

    # Warm Colors

    red: "#FF4136",
    maroon: "#85144B",
    orange: "#FF851B",
    purple: "#B10DC9",
    yellow: "#FFDC00",
    fuchsia: "#F012BE",

    # Gray Scale Colors

    gray: "#aaa",
    white: "#fff",
    black: "#111",
    silver: "#ffffd"
};

提供了css文件，可以通過github獲?。?/p>

git clone git@github.com:mrmrs/colors.git

例如，css這樣使用：

如果希望使用壓縮過的版本，則使用min版：

如果你希望調(diào)整顏色，可以直接修改css文件。如果需要壓縮，有g(shù)ulp任務(wù)提供：

gulp minfy

你可能慣用sass、stylus、myth，那可以直接修改git repo中的相應(yīng)文件，然后用gulp生成css：

glup sass

glup stylus

gulp myth

項目主頁

編譯 SegmentFault

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/110872.html

相關(guān)文章

12個美麗的網(wǎng)站與受到日出啟發(fā)的配色方案

摘要：在為項目選擇配色方案時，有什么提供靈感我打賭你有一些論點和原則。例如，藍(lán)色激發(fā)了信任，被企業(yè)廣應(yīng)用。這就是眾多公司和機(jī)構(gòu)選擇它作為主要原因的原因。綠色用于一切自然和環(huán)保，等等。無論喜歡與否，顏色都會影響我們的潛意識，這是一個需要考慮的重點?！　≡跒轫椖窟x擇配色方案時，有什么提供靈感？我打賭你有一些論點和原則。例如，我們都意識到每種顏色都有其個性和心理底蘊，使其有助于喚起特定的情感。例如，藍(lán)色...

Aklman 2019-04-23 13:13 評論0 收藏0
優(yōu)秀文章收藏（慢慢消化）持續(xù)更新~

摘要：整理收藏一些優(yōu)秀的文章及大佬博客留著慢慢學(xué)習(xí)原文協(xié)作規(guī)范中文技術(shù)文檔協(xié)作規(guī)范阮一峰編程風(fēng)格凹凸實驗室前端代碼規(guī)范風(fēng)格指南這一次，徹底弄懂執(zhí)行機(jī)制一次弄懂徹底解決此類面試問題瀏覽器與的事件循環(huán)有何區(qū)別筆試題事件循環(huán)機(jī)制異步編程理解的異步 better-learning 整理收藏一些優(yōu)秀的文章及大佬博客留著慢慢學(xué)習(xí) 原文:https://www.ahwgs.cn/youxiuwenzhan...

JeOam 2019-08-23 18:24 評論0 收藏0
【譯】Seaborn教程（二）選擇配色方案

摘要：讓選擇和使用配色方案變得簡單且適用于你工作的數(shù)據(jù)種類和你想要達(dá)到的可視化目標(biāo)。使用建立配色方案管理不同的配色方案所使用的重要函數(shù)是。原文：http://web.stanford.edu/~mwaskom/software/seaborn/tutorial/color_palettes.html 選擇配色方案配色是圖表設(shè)計里最重要的方面之一，因為如果配色方案好，它可以清晰展現(xiàn)數(shù)據(jù)的模...

ranwu 2019-07-25 10:23 評論0 收藏0
收集整理適用博客建站免費開源Wordpress主題-簡約好看的WP主題

摘要：最重要的就是找一個適合自己的主題了。事實上，免費主題也非常多，而且很多的免費主題在功能上和界面美觀上已經(jīng)大大超過了付費的主題。加上這些主題都是開源的，基本上可以在上找得到源碼，安全性是沒有問題，主題的作者也在不斷更新當(dāng)中。WordPress最重要的就是找一個適合自己的主題了。好一點的WordPress主題基本上都是要收費的，而且價格還不便宜，這導(dǎo)致了不少的新手朋友們很為難。而有時我們僅僅根據(jù)...

番茄西紅柿 2021-07-30 14:57 評論0 收藏2637
Vue面試題精選：Vue與React的區(qū)別，分別在哪些場景下使用更合適？

摘要：它們是高度重視且廣泛使用的框架，用于界面設(shè)計。應(yīng)用程序開發(fā)引起了全球開發(fā)人員的極大關(guān)注，以構(gòu)建令人驚嘆的應(yīng)用程序。但是，具有適應(yīng)性強(qiáng)的體系結(jié)構(gòu)，使其成為廣泛使用的框架之一，具有最新的庫和包。專業(yè)和出色的社區(qū)支持，以解決任何問題。 JavaScript是世界上最流行的語言之一，React和Vue是JS最流行的兩個框架。但哪一款最適合你？ JavaScript越來越受歡迎，許多科技巨頭正在...

mcterry 2019-08-02 16:10 評論0 收藏0