HTML5颜色代码是用于在网页中设置文本、背景和其他元素颜色的一组十六进制数字,这些颜色代码可以以不同的方式进行表示,包括简写形式、RGB值和HSL值,以下是一些常见的HTML5颜色代码及其应用示例:
1、简写形式:HTML5提供了一种简洁的颜色表示方法,使用一个井号(#)后跟六个十六进制数字,白色可以表示为#FFFFFF
,黑色可以表示为#000000
。
2、RGB值:RGB代表红色、绿色和蓝色,是一种加色模型,每个颜色分量的值范围从0到255,纯红色可以表示为rgb(255, 0, 0)
,纯绿色可以表示为rgb(0, 255, 0)
,纯蓝色可以表示为rgb(0, 0, 255)
。
3、HSL值:HSL代表色相、饱和度和亮度,是一种更直观的颜色表示方法,色相的值范围从0到360,饱和度和亮度的值范围从0到100,纯红色可以表示为hsl(0, 100%, 50%)
,纯绿色可以表示为hsl(120, 100%, 50%)
,纯蓝色可以表示为hsl(240, 100%, 50%)
。
4、预定义颜色:HTML5还提供了一些预定义的颜色名称,可以直接在CSS中使用,可以使用color: red;
将文本颜色设置为红色,使用background-color: yellow;
将背景颜色设置为黄色。
以下是一些常见的HTML5颜色代码及其应用示例:
1、白色:#FFFFFF
,rgb(255, 255, 255)
,hsl(0, 100%, 100%)
,white
。
2、黑色:#000000
,rgb(0, 0, 0)
,hsl(0, 100%, 0%)
,black
。
3、红色:#FF0000
,rgb(255, 0, 0)
,hsl(0, 100%, 50%)
,red
。
4、绿色:#008000
,rgb(0, 128, 0)
,hsl(120, 100%, 50%)
,green
。
5、蓝色:#0000FF
,rgb(0, 0, 255)
,hsl(240, 100%, 50%)
,blue
。
6、黄色:#FFFF00
,rgb(255, 255, 0)
,hsl(60, 100%, 50%)
,yellow
。
7、紫色:#800080
,rgb(128, 0, 128)
,hsl(300, 100%, 50%)
,purple
。
8、橙色:#FFA500
,rgb(255, 165, 0)
,hsl(36, 100%, 50%)
,orange
。
9、灰色:#808080
,rgb(128, 128, 128)
,hsl(240, 1%, 51%)
, gray
, silver
, grey
, darkgray
, lightgray
, dimgray
, gainsboro
, dimgrey
, fuchsia
, aquamarine
, mediumaquamarine
, lightslategray
, royalblue
, steelblue
, cadetblue
, cornflowerblue
, powderblue
, palegoldenrod
, lightgoldenrodyellow
, sandybrown
, wheat
, burlywood
, tan
, rosybrown
, indianred
, peru
, chocolate
, saddlebrown
, firebrick
, darksalmon
, crimson
, lightcoral
, tomato
, orangered
, darkorange
, coral
, lightskyblue
, skyblue
, lightblue
, dodgerblue
, deepskyblue
, lightsteelblue
, cadetblue
, powderblue
, palegoldenrod
, lightgoldenrodyellow
, sandybrown
, wheat
, burlywood
, tan
, rosybrown
, indianred
, peru
, chocolate
, saddlebrown
, firebrick
, darksalmon
, crimson
, lightcoral
, tomato
, orangered
, darkorange
, coral
, lightskyblue
, skyblue
, lightblue
, dodgerblue
, deepskyblue
, lightsteelblue
, cadetblue
, powderblue
, palegoldenrod
, lightgoldenrodyellow
, sandybrown
, wheat
, burlywood
, tan
, rosybrown
, indianred
, peru
, chocolate
, saddlebrown
, firebrick
, darksalmon
, crimson
, lightcoral
, tomato
, orangered
, darkorange
, coral
,