CalcuClubCalcuClub 标志

RGB颜色

目录

什么是RGB颜色模型?

RGB 颜色模型是一种加色系统,通过组合红、绿、蓝三种颜色来生成广泛的色彩范围。该模型主要用于数字显示设备,如电脑显示器、电视和移动设备。

颜色的加法混合原理

在 RGB 模型中,每种颜色由三个分量的组合表示:红、绿和蓝。每个分量的强度可以从 0(完全没有光)到 255(最大强度)变化。这意味着 RGB 颜色由三个 0 到 255 范围内的整数三元组表示。例如,rgb(255, 0, 0) 表示纯红色。

颜色值的计算方式

最终看到的颜色是三种原色强度叠加的结果。以下是一些示例:

  • 白色: 当所有数值都为最大值时获得,即 rgb(255, 255, 255)
  • 黑色: 当所有数值都为零时产生,即 rgb(0, 0, 0)
  • 黄色: 由红色和绿色在最大强度下组合而成,即 rgb(255, 255, 0)
  • 品红色: 由红色和蓝色在最大强度下组合而成,即 rgb(255, 0, 255)
  • 青色: 由蓝色和绿色在最大强度下组合而成,即 rgb(0, 255, 255)

与其他颜色模型的关系

RGB 模型是加色模型,这意味着颜色是通过叠加光线生成的。这与 CMYK 模型不同,后者是减色模型,主要用于印刷。在 CMYK 中,颜色是通过减少光线(即增加油墨)而形成的,并以青色、品红色、黄色和黑色来表示。

RGB到十六进制的转换

在网页开发中,RGB 颜色通常以十六进制代码表示。每个分量(红、绿、蓝)都会被转换为两位十六进制值,并连接成一个六位字符串。例如,rgb(255, 165, 0) 会转换为 #FFA500,即橙色。

基础颜色表

颜色示例RGB十六进制CSS 名称
白色rgb(255, 255, 255)#FFFFFFwhite
黑色rgb(0, 0, 0)#000000black
红色rgb(255, 0, 0)#FF0000red
绿色rgb(0, 255, 0)#00FF00lime
蓝色rgb(0, 0, 255)#0000FFblue
黄色rgb(255, 255, 0)#FFFF00yellow
青色rgb(0, 255, 255)#00FFFFcyan
品红色rgb(255, 0, 255)#FF00FFmagenta
灰色rgb(128, 128, 128)#808080gray

您觉得这个页面怎么样?欢迎留下反馈。