新物网

当前位置: > 百科

百科

html 颜色代码表

时间:2024-10-01 02:59:14 戴然
做前端开发的人经常会为了挑选颜色而苦恼,因为每个颜色都有各自对应的代码。今天就来给大家分享一下关于颜色的html代码对应表。
以下是一个完整的 HTML 颜色代码表,其中包含了所有常见的颜色名称和十六进制、RGB 和 HSL 颜色代码。
**一、颜色名称**
颜色名称是 HTML 中最基本的颜色表示方式,它们是预定义的颜色名称,如 red、blue、green 等。以下是一些常见的颜色名称:
- black - white - red - green - blue - yellow - magenta - cyan - lime - fuchsia - olive - navy - purple - gray - silver - maroon - teal
**二、十六进制颜色代码**
十六进制颜色代码是由两个十六进制数字表示的颜色代码,每个数字表示一个颜色通道的值(00-FF)。以下是一些常见的十六进制颜色代码:
- #000000(黑色) - #FFFFFF(白色) - #FF0000(红色) - #00FF00(绿色) - #0000FF(蓝色) - #FFFF00(黄色) - #FF00FF(品红色) - #00FFFF(青色) - #808080(灰色) - #800080(紫色) - #008000(绿色) - #000080(蓝色) - #808000(橄榄色) - #008080(青色) - #C0C0C0(银色) - #FFA500(橙色) - #4B0082(深紫罗兰色)
**三、RGB 颜色代码**
RGB 颜色代码是由三个十进制数字表示的颜色代码,每个数字表示一个颜色通道的值(0-255)。以下是一些常见的 RGB 颜色代码:
- RGB(0,0,0)(黑色) - RGB(255,255,255)(白色) - RGB(255,0,0)(红色) - RGB(0,255,0)(绿色) - RGB(0,0,255)(蓝色) - RGB(255,255,0)(黄色) - RGB(255,0,255)(品红色) - RGB(0,255,255)(青色) - RGB(128,128,128)(灰色) - RGB(128,0,128)(紫色) - RGB(0,128,0)(绿色) - RGB(0,0,128)(蓝色) - RGB(128,128,0)(橄榄色) - RGB(0,128,128)(青色) - RGB(192,192,192)(银色) - RGB(255,165,0)(橙色) - RGB(75,0,130)(深紫罗兰色)
**四、HSL 颜色代码**
HSL 颜色代码是由三个值表示的颜色代码,分别是色调(Hue)、饱和度(Saturation)和亮度(Lightness)。色调是颜色的名称或编号,饱和度是颜色的强度,亮度是颜色的明暗程度。以下是一些常见的 HSL 颜色代码:
- HSL(0,100%,50%)(黑色) - HSL(0,0%,100%)(白色) - HSL(0,100%,100%)(红色) - HSL(120,100%,50%)(绿色) - HSL(240,100%,50%)(蓝色) - HSL(60,100%,100%)(黄色) - HSL(300,100%,100%)(品红色) - HSL(180,100%,100%)(青色) - HSL(0,0%,50%)(灰色) - HSL(270,100%,100%)(紫色) - HSL(120,100%,100%)(绿色) - HSL(240,100%,100%)(蓝色) - HSL(120,0%,100%)(橄榄色) - HSL(180,100%,100%)(青色) - HSL(300,0%,100%)(橙色) - HSL(300,100%,50%)(深紫罗兰色)
请注意,不同的浏览器和设备可能会对颜色的表示方式有所不同,因此在实际应用中可能需要进行一些调整。