clrs 精心设计的现代web配色方案

clrs.cc是最近在GitHub上发现的一个有趣的项目。它是一套精心设计的web配色方案。

《clrs 精心设计的现代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: "#ddd"
};

提供了css文件,可以通过github获取:

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

例如,css这样使用:

<link rel="stylesheet" href="css/colors.css">

如果希望使用压缩过的版本,则使用min版:

<link rel="stylesheet" href="css/colors.min.css">

如果你希望调整颜色,可以直接修改css文件。如果需要压缩,有gulp任务提供:

gulp minfy

你可能惯用sass、stylus、myth,那可以直接修改git repo中的相应文件,然后用gulp生成css:

glup sass
glup stylus
gulp myth

项目主页

编译 SegmentFault

    原文作者:weakish
    原文地址: https://segmentfault.com/a/1190000000437949
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞