应用clrs.cc来开展酷炫的CSS调色

日期:2021-03-05 类型:科技新闻 

关键词:h5小游戏,h5如何制作,免费h5在线制作,h5页面在线制作,测一测h5

clrs.cc是近期在GitHub上发现的1个趣味的新项目。它是1套用心设计方案的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重搞了1套。

CSS Code拷贝內容到剪贴板
  1. colors = {   
  2.     # Cool Colors   
  3.   
  4.     aqua"#7FDBFF",    
  5.     blue"#0074D9",   
  6.     lime"#01FF70",   
  7.     navy"#001F3F",   
  8.     teal"#39CCCC",   
  9.     olive"#三d9970",   
  10.     green"#2ECC40",   
  11.   
  12.     # Warm Colors   
  13.   
  14.     red"#FF4136",   
  15.     maroon"#85144B",   
  16.     orange: "#FF851B",   
  17.     purple"#B10DC9",   
  18.     yellow"#FFDC00",   
  19.     fuchsia"#F012BE",   
  20.   
  21.     # Gray Scale Colors   
  22.   
  23.     gray"#aaa",   
  24.     white"#fff",   
  25.     black"#111",   
  26.     silver"#ddd"  
  27. };  

出示了css文档,能够根据github获得:


拷贝编码
编码以下:
git clone git:mrmrs/colors.git

比如,css这样应用:

CSS Code拷贝內容到剪贴板
  1. <link rel="stylesheet" href="css/colors.css">  

假如期待应用缩小过的版本号,则应用min版:

CSS Code拷贝內容到剪贴板
  1. <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

新项目首页