clrs 精心設計的現代web配色方案

Y3G 發布于2019-08-28 17:53 / 3534人閱讀

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

clrs.cc是最近在GitHub上發現的一個有趣的項目。它是一套精心設計的web配色方案。

web的默認的顏色看起來……比較……呃……怎么說呢……經典……

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版：

如果你希望調整顏色，可以直接修改css文件。如果需要壓縮，有gulp任務提供：

gulp minfy

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

glup sass

glup stylus

gulp myth

項目主頁

編譯 SegmentFault

GPU云服務器云服務器 linux操作系統的web服務器的設計與實現 clrs 打造現代 Web 工程體系設計方案

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/110872.html

12個美麗的網站與受到日出啟發的配色方案

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

Aklman 2019-04-23 13:13 評論0 收藏0
優秀文章收藏（慢慢消化）持續更新~

摘要：整理收藏一些優秀的文章及大佬博客留著慢慢學習原文協作規范中文技術文檔協作規范阮一峰編程風格凹凸實驗室前端代碼規范風格指南這一次，徹底弄懂執行機制一次弄懂徹底解決此類面試問題瀏覽器與的事件循環有何區別筆試題事件循環機制異步編程理解的異步 better-learning 整理收藏一些優秀的文章及大佬博客留著慢慢學習原文:https://www.ahwgs.cn/youxiuwenzhan...

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

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

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

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

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

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

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