网页设计中色值快速记忆小技巧

已收录   阅读次数: 1,158
2020-09-1308:40:23 发表评论
摘要

作为设计师,不论是网页设计,还是平面设计等,快速能够识别色值还是很重要的,主要是为了节省时间,伯衡君在快速输出色值上有一些小小的经验可以分享,抛砖引玉,分享给大家……

分享至:
网页设计中色值快速记忆小技巧

开篇寄语

作为设计师,不论是网页设计,还是平面设计等,快速能够识别色值还是很重要的,主要是为了节省时间,伯衡君在快速输出色值上有一些小小的经验可以分享,抛砖引玉,分享给大家。

内容详情

一般情况下是采用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,主要是配色原理明白了,这也就很简单了。

  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: