一、打印色和web颜色

CMYK打印色 AND 网页RGB，前端只需要关注后者。
颜料三原色和光学三原色，网页的是光学三原色（有的书本叫三基色，书本的没让我多赚几毛钱，就不管它叫啥学名了）

二、色相、饱和度、明度，颜色的3个属性

HSB又称HSV，表示一种颜色模式。SB数值高，不益于长时间的观看
色相:H(hues):颜色样貌

饱和度:S(saturation):颜色的鲜艳程度

明度：B(brightness)：就是明暗的对比度

RGB分别代表：
R：red (#FF0000)
G：green (#00FF00)
B：blue (#0000FF)

三、颜色的前端表示形式

前端的css色值3种表示形式：

1. 单词

color:red;

2. 16进制

color:#FF0000;

3. RBG+RGBA

color:rgb(255,0,0);
color:rgba(255,0,0,.8);

四、颜色16进制与RGB数字的对应关系

R：#FF0000

G：#00FF00

B：#0000FF

符合数学运算：

#FF0000+#00FF00+#0000FF=#FFFFFF

16711680+65280+255=16777215

FFFFFF=16777215

RGB为3项，FF|FF|FF每个区间为：0-255,0-255,0-255，排列组合为：255*255*255所以网页色值有16581375，简称为1600万色或千万色

表示为：rgb(255,255,255)，如下图的白

红+绿=黄：

验证：

FF0000+00FF00=FFFF00【rgb(255,255,0)】//数学运算与设计颜色一致

上图的青、粉的色值也同样可以通过数学运算得出。

五、拾色器最左侧纵向的必定为灰度颜色（无色相只有明度变化），特征：RBG三个值相同

右侧纵向为有色相，只有明度变化

如：#FFFFFF,#000000，#EBEBEB,#565656

前端常用的是边框和副标题用灰度，000000=》FFFFFF，依次变淡。

六、拾色器最上方和最下方横向的必RBG中有一项必为255（色相不变，饱和度的增减）

前端颜色详细报告（色值规律，16进制颜色规律）相关推荐

iOS之颜色的调用、显示16进制颜色、渐变色
十六进制颜色 #import <UIKit/UIKit.h>NS_ASSUME_NONNULL_BEGIN@interface UIColor (HexColor) + (UIColor ...
16进制颜色识别和搭配规律
在CSS中,经常会用到16进制的颜色来设置文本.背景.边框等颜色,但是对于一个纯前端来讲,16进制颜色的识别和搭配可能会较为陌生了 ,本文简单介绍一下16进制颜色的一些规律 16进制颜色的数值意义: ...
16进制颜色识别和搭配规律 (实用）
原文出处:https://blog.csdn.net/weixin_39037804/article/details/100266599 在CSS中,经常会用到16进制的颜色来设置文本.背景.边框等颜 ...
【图片】Python对RGB颜色与16进制颜色进行互转
RGB颜色被称为"真彩色",是Photoshop中默认使用的颜色,也是最常用的一种颜色模式.RGB模式的图像由3个颜色通道组成,分别为红色通道(Red).绿色通道(Green)和蓝 ...
ios扩展16进制颜色
iOS开发一般都是用到RGB颜色,美工给我们作图的时候往往给我们的色值都是十六进制的颜色如 #ff0000,如果先把16进制转换为RGB 的10 进制那将是非常麻烦的事,我们可以为 UIColor 添 ...
iOS 将16进制颜色转换成UIColor
很多地方我们都使用16进制颜色,但iPhone使用的是UIColor对象,不直接支持16进制颜色,为此,需要我们手动将16进制颜色转换为UIColor - (UIColor *) hexStringT ...
iOS 直接使用16进制颜色
在做iOS开发时,一般我们会吸色,就是产品给的图我们一般会吸色,但是最近吸色时候,老大说有较大的颜色偏差,所以要求我们直接使用UI给出的额16进制颜色,你也可以搜索<RGB颜色值转换成十六进制颜 ...
POI 自定义16进制颜色导出
今天导入一个Excel 要求什么格式导入就怎么显示,包括字体颜色,还要怎么导出.这个poi导入的是16进制颜色,导出比较麻烦.具体参考以下代码吧 private CellStyle createSt ...
rgb与16进制颜色是如何相互转换的？
在css中定义颜色可以使用rgb颜色值,例:rgb(182, 0, 35):也可以使用16进制颜色值,例:#B60023.不管是rgb(182, 0, 35),还是#B60023都表示了同一种颜色,其 ...
Android内部颜色转16进制颜色
我们在Avtivity中设置控件的背景色的时候,会发现setBackgroundColor()居然需要int格式的颜色,本来以为是10进制的颜色,后来实验发现,不是10进制的,因为它是有负数的,它的范 ...

前端颜色详细报告（色值规律，16进制颜色规律）