将颜色从十六进制转换为RGB就像将数字值从十六进制转换为十进制一样简单。为了转换十六进制颜色 #32A852
, 我们将代码分成两对 32 A8 52
并将每对转换为十进制值:
32 = 50 A8 = 168 52 = 82
#32A852 = RGB(50, 168, 82)
十六进制
描述了一个以16为底的数字系统-由16个符号组成的数字系统。它使用0到9的数字表示0到9的数字,并使用字母A到F表示10到15的数字。
它最常用于计算机科学和数学中,以一种人类可读的形式表示二进制代码。
与计算机或科学家不同,我们大多数人使用十进制数字系统。它由0到9之间的数字组成,是使用数字的标准方法。我们从学前班开始学习它,并且每天都在使用它:
一辆汽车以10英里/小时的速度行驶 猫重4kg 一个月是30天
RGB
代表可以混合以产生不同颜色的红色,绿色和蓝色调。这是为电视屏幕,计算机显示器和智能手机显示屏生成图像的标准方法。
更精确地说,RGB是加色模型,这意味着您必须将色相加在一起才能创建不同的颜色。
想象一下将一种颜色叠加在另一种颜色上:
注意: 不同的设备产生不同的RGB值。每个设备使用不同的颜色混合原理,这意味着RGB颜色在所有设备上都不相同,并且它们需要颜色管理才能看起来相同。
要在RGB颜色模型中描述颜色,您必须告诉我们需要多少红色,绿色和蓝色。
您可以使用RGB三联体表示需要多少红色,绿色和蓝色 (R,G,B)
其中每个元素可以从零到定义的最大值变化。
如果所有元素都为零 (0, 0, 0)
- 结果是黑色。
如果所有元素都最大 (255, 255, 255)
- 结果是白色。
这些数字的组合构成不同的颜色 (255, 255, 0)
- 结果是黄色
这被称为 颜色深度 并以位为单位。
截至2018年,几乎所有电视,计算机和智能手机显示器都使用24位色深,即 本色. 它支持三种颜色中的每一种八位,或总共24位。
这提供 28 要么 256 红色,绿色和蓝色的可能值:
256 x 256 x 256 = 16,777,216 真实调色板中的所有可能颜色
现在我们知道了十六进制和十进制之间的区别,让我们检查一下如何从一个转换为另一个。
众所周知,在十六进制系统中,从0到9的数字代表0到9,而字母A到F则代表十进制的10到15。
这是一张深入的表格,擅长解释从十六进制到十进制数字的转换:
为了将HEX转换为RGB,必须将十六进制值分成两对,然后将其转换为十进制数。
例 #1: 转换成红色 #FF0000
至 RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
例 #2: 转换成绿色 #00FF00
至 RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
例 #3: 转换成蓝色 #0000FF
至 RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
例 #4: 转换成黑色 #000000
至 RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
例 #5: 转换成白色 #FFFFFF
至 RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
奖金 例 #6: 转换颜色金色 #FFD700
至 RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
为了将RGB转换为十六进制,您必须将红色绿色和蓝色值从十进制转换为十六进制。
例 #1: 转换成红色 (255, 0, 0)
至 十六进制:
[R = 255 = FF G = 0 = 00 乙 = 0 = 00 十六进制 = #FF0000
例 #2: 转换成绿色 (0, 255, 0)
至 十六进制:
[R = 0 = 00 G = 255 = FF 乙 = 0 = 00 十六进制 = #00FF00
例 #3: 转换成蓝色 (0, 0, 255)
至 十六进制:
[R = 0 = 00 G = 0 = 00 乙 = 255 = FF 十六进制 = #0000FF
例 #4: 转换成黑色 (0, 0, 0)
至 十六进制:
[R = 0 = 00 G = 0 = 00 乙 = 0 = 00 十六进制 = #000000
例 #5: 转换成白色 (255, 255, 255)
至 十六进制:
[R = 255 = FF G = 255 = FF 乙 = 255 = FF 十六进制 = #FFFFFF
奖金 例 #6: 转换颜色金色 (255, 215, 0)
至 十六进制:
[R = 255 = FF G = 215 = D7 乙 = 0 = 00 十六进制 = #FFD700
从上面的示例可以看出,十六进制和RGB之间的主要区别在于它使用了不同的数字系统。十六进制使用十六进制,而RGB使用十进制。
将颜色从十六进制转换为RGB就像将数字值从十六进制转换为十进制一样简单。
根据我们的经验以及我们团队多年来的观察,十六进制比RGB的使用率更高,尤其是在Web开发和Web设计行业中。
但是,使用哪种颜色都没有区别,因为它们都代表相同的颜色。唯一的建议-保持一致。
如果您在整个Web项目中开始使用RGB,请坚持使用。如果您在整个Web项目中开始使用HEX,请尝试仅使用HEX