开发过程中不借助工具,如何快速写出想要的颜色?

比如需要一个紫色,橙色等等,如何能直接通过RGB或16进制码写出来

阅读 3.2k
6 个回答

首先以16进制来说(RGB类似)
16进制,把每一个数看做一个单位, 100/16 即是每个单位 6.25%

FF FF FF 3组组合,- 每两位是一个颜色,即是R G B 红绿蓝,

首先你得知道 区间混合色, 红(黄)绿(青)蓝(紫色)红,
然后 3组组合里面,取每组组合的第一位数,共3位数,其中取大且差值最小的两位来判断主色,如果两个小的相近,主色即是另外一个大的值:
如图:图片描述

再比如 #FF00FF,这是一个 100%的紫色,RGB颜色模式是加色模式,需要减淡紫色,则减少紫色的值1和3组合,举例:如#990099,3种组合趋近,则会变成灰色,那么要减淡且变暗,还可以继续把中间组合加大, 举例:#995599,这个紫色淡,暗;

同样RGB计算,0-255, 值/255,看百分比,这种只能满足你所需颜色的区间,不能完全等于设计稿颜色,具体写的精确度要靠你多写多试,明白RGB颜色模式混合原理,熟练了自然能快速写出你想要的颜色,做设计的少部分人是可以做到的

是有方法的,当然能熟练使用rgb和16进制码是需要大量实际经验的,一些优秀的设计人员说不定能行
方案:css3里有一种设置颜色的方式叫hsl(h:色调0°-360°,s:饱和度0%-100%,l:亮度0%-100%),应该只需要5s就能自己写出大致范围的颜色,比如只需要记住下图中色盘度数对应的颜色就行(从0°开始,和彩虹一样的色彩排列)
图片描述

purple,orange?

不借助工具??? 那就背出来吧,常用的16进制还是容易记的,#000,#fff...
基础颜色可以直接写英文,比如red,green,

bootstrap,layui,都是有一系列预定义的颜色,如primary,是蓝色,可以采用这种方式,快速实现效果;
如果自己写颜色,又要符合大众的审美,估计只能像青青子矜那样说的背了。。。

不想要工具, 也不想背, 那就和问了个如何不学习也不作弊考上top3是一个问题....

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题