手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >使用clrs.cc来进行炫酷的CSS调色
使用clrs.cc来进行炫酷的CSS调色
摘要:clrs.cc是最近在GitHub上发现的一个有趣的项目。它是一套精心设计的web配色方案。web的默认的颜色看起来…&hel...

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

使用clrs.cc来进行炫酷的CSS调色1

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重搞了一套。

CSS Code复制内容到剪贴板 colors={ #CoolColors aqua:"#7FDBFF", blue:"#0074D9", lime:"#01FF70", navy:"#001F3F", teal:"#39CCCC", olive:"#3D9970", green:"#2ECC40", #WarmColors red:"#FF4136", maroon:"#85144B", orange:"#FF851B", purple:"#B10DC9", yellow:"#FFDC00", fuchsia:"#F012BE", #GrayScaleColors gray:"#aaa", white:"#fff", black:"#111", silver:"#ddd" };

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

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

例如,css这样使用:

CSS Code复制内容到剪贴板 <linkrel="stylesheet"href="css/colors.css">

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

CSS Code复制内容到剪贴板 <linkrel="stylesheet"href="css/colors.min.css">

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

gulp minfy

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

glup sass

glup stylus

gulp myth

项目主页

【使用clrs.cc来进行炫酷的CSS调色】相关文章:

IE下去掉iframe边框兼容IE7IE8IE6以下

CSS代码中进行注释的三种方法

在css样式中的stylesheet是什么意思

ipad 竖版 纯CSS判断ipad横版和竖版

CSS教程:使用ul进行网页的多列布局

如何改变网站模板调用的CSS文件换肤

CSS基础教程:Class以及ID选择器

CSS分页数字放大效果

CSS常用中文字体大全

8个简单实用的CSS秘诀

精品推荐
分类导航