
开篇寄语
作为设计师,不论是网页设计,还是平面设计等,快速能够识别色值还是很重要的,主要是为了节省时间,伯衡君在快速输出色值上有一些小小的经验可以分享,抛砖引玉,分享给大家。
内容详情
一般情况下是采用RGB模式,RGB模式即Red,Green和Blue。
两种形式:
- rgb(255, 255, 255)
- #ffffff
rgb(),里面的数字是0-255,共有256个数字,颜色总数就是256^3=16777216种,下面的#ffffff同理,这是十六进制,0-f之间共有16个值,颜色总数就是16^6=16777216,所以是一样的。
那么怎么快速输出数值呢?这里可以借用一个色环来加深记忆,色环如下:

涉及到三原色配色模拟,红绿混合为黄色,红蓝混合为紫色,蓝绿混合为天蓝,红绿蓝混合为白色,红绿蓝都没有则为黑色。
- 白色色值:rgb(255, 255, 255)或者#ffffff
- 灰色色值:rgb(127, 127, 127)或者#7f7f7f
- 黑色色值:rgb(0, 0, 0)或者#000000
- 红色色值:rgb(255, 0, 0)或者#ff0000
- 绿色色值:rgb(0, 255, 0)或者#00ff00
- 蓝色色值:rgb(0, 0, 255)或者#0000ff
- 黄色色值:rgb(255,255,0)或者#ffff00
- 紫色色值:rgb(255, 0, 255)或者#ff00ff
- 天蓝色值:rgb(0, 255, 255)或者#00ffff
之后红色和黄色配色是橙色,橙色色值是rgb(255, 128, 0)或者#ff8800,可以观察出规律,可以很快就记住这十二种配色,根据这种色环记住配色原理,就可以确定大致的颜色范围,在数字上增加或者减少输出颜色即可,比如比橙色更偏红色,那么色值可以变成rgb(255, 199, 0)或者#ffcc00,主要是配色原理明白了,这也就很简单了。
- 我的微信
- 微信扫一扫加好友
-
- 我的微信公众号
- 扫描关注公众号
-