网络零售商的终极网站
 HTML5。 入门的教训。  W3Schools 乌克兰语

西斯

HTML 科罗里



HTML 浏览器 задаються з використанням попередньо визначених назв кольорів або значень RGB、HEX、HSL、RGBA、HSLA.


命名颜色

您可以在 HTML 中指定颜色以获得帮助 назви кольору:

番茄
橙子
道奇蓝
中海绿
灰色的
石板蓝
紫色
浅灰

自己尝试一下»

HTML 文档 140 стандартних назв кольорів.


背景颜色 - 字体颜色

您可以安装 колір фону HTML 元素:

你好世界


Lorem ipsum dolor sit amet,consectetuer adipiscing elit,sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat。 Ut wisi enim ad minim veniam,quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat。

屁股

<h1 style="background-color:DodgerBlue;">你好世界</h1>
<p style="background-color:Tomato;">錯誤!</p>

自己尝试一下»

文本颜色 - 文本颜色

您可以安装 колір тексту:

你好世界

Lorem ipsum dolor sit amet,consectetuer adipiscing elit,sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat。

Ut wisi enim ad minim veniam,quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat。

屁股

<h1 style="color:Tomato;">你好世界</h1>
<p style="color:DodgerBlue;">錯誤!</p>
<p style="color:MediumSeaGreen;">您希望我...</p>
自己尝试一下»

边框颜色 - 边界颜色

您可以安装 колір меж:

你好世界

你好世界

你好世界

屁股

<h1 style="border:2px solid Tomato;">你好世界</h1>
<h1 style="border:2px solid DodgerBlue;">你好世界</h1>
<h1 style="border:2px solid Violet;">你好世界</h1>
自己尝试一下»

颜色的意义

在 HTML 中,颜色也可以从 wiki 指定 значень кольорів RGB、HEX、HSL、RGBA 和 HSLA:

那些将颜色称为“番茄”的人:

RGB(255,99,71)
#ff6347
高速钢(9, 100%, 64%)

与颜色名称“Tomato”相同,但透明度提高 50%:

RGBA(255,99,71,0.5)
HSLA(9,100%,64%,0.5)

屁股

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
自己尝试一下»

RGB 含义

在 HTML 中,颜色可以指定为 RGB 模式, використовуючи цю формулу:

RGB(红色的, 绿色的, 蓝色的)

皮肤参数(红、绿、蓝)表示颜色的强度,范围为 0 到 255。

例如,rgb(255, 0, 0) 显示为心形,因为心形设置为最高值(255),其他设置设置为 0。

要显示黑色,请将所有颜色参数设置为 0,如下所示:rgb(0, 0, 0)。

要显示白色,请将所有颜色参数设置为 255,如下所示:rgb(255, 255, 255)。

请注意,RGB 值越高,表示颜色越多:

 

红色的

255

绿色的

0

蓝色的

0

屁股

RGB(255,0,0)
RGB(0,0,255)
RGB(60,179,113)
RGB(238,130,238)
RGB(255,165,0)
RGB(106,90,205)

自己尝试一下»

灰色阴影通常是根据光的所有三个元素的相等值来计算的:

屁股

RGB(0,0,0)
RGB(60,60,60)
RGB(120,120,120)
RGB(180,180,180)
RGB(240,240,240)
RGB(255,255,255)

自己尝试一下»

HEX 问答

在 HTML 中,可以使用 vikory 指定颜色 利率 (HEX) 稳定 в формі:

#

德 rr (红色的), gg (绿色的) 与 bb (蓝色的) 默认值为 00 至 255。

例如, #ff0000 视频编辑,包括此编辑的 2019 年 11 月 23 日的 FF 和 2019 年 11 月 23 日的 00。

屁股

#ff0000
#0000ff
#3cb371
#ee82ee
#ffa500
#6a5acd

自己尝试一下»

灰色阴影通常是根据光的所有三个元素的相等值来计算的:

屁股

#000000
#3c3c3c
#787878
#b4b4b4
#f0f0f0
#ffffff

自己尝试一下»

HSL 赞

在 HTML 中,可以使用色调、饱和度和亮度来指定颜色 - HSL 赞 в формі:

高速缓存(色调, 饱和, 亮度)

色调 - 此颜色程度从 0 到 360。0 - 红色,120 - 绿色,240 - 蓝色。

饱和度是一个百分比值,0% 表示灰色阴影,100% 表示全彩。

亮度也以百分比表示,0% - 黑色,50% - 既不亮也不暗,100% - 白色。

屁股

高速缓存 (0, 100%, 50%)
高速钢(240, 100%, 50%)
高速锁(147, 50%, 47%)
HSL(300, 76%, 72%)
HSLS (39, 100%, 50%)
HSL(248, 53%, 58%)

自己尝试一下»

在场

饱和度可以描述为颜色的强度。

100% чистий колір, без відтінків сірого

50% - це 50% сірий, але ви все одно можете бачити колір.

0% повністю сірий, ви більше не бачите колір.

屁股

高速缓存 (0, 100%, 50%)
高速钢(0,80%,50%)
高速钢(0,60%,50%)
高速钢(0,40%,50%)
高速钢(0,20%,50%)
高速锁(0, 0%, 50%)

自己尝试一下»

夜斯克拉维斯特

颜色的亮度可以描述为您想要赋予该颜色的光量,其中0%表示一些光(黑色),50%表示50%光(既不暗也不亮),100%表示非常亮的颜色(白色)。

屁股

高速缓存 (0, 100%, 0%)
高速缓存 (0, 100%, 25%)
高速缓存 (0, 100%, 50%)
高速缓存 (0, 100%, 75%)
高速钢(0,100%,90%)
高速缓存 (0, 100%, 100%)

自己尝试一下»

灰色色调通常通过将色调和饱和度设置为 0 并将亮度从 0% 调整到 100% 来确定,以获得更多的色调暗度/亮度:

屁股

HSL(0,0%,0%)
HSL(0,0%,24%)
HSL(0,0%,47%)
HSL(0,0%,71%)
HSL(0,0%,94%)
高速缓存 (0, 0%, 100%)

自己尝试一下»

RGBA 定义

科廖罗沃 RGBA 色彩 使用 RGB 和颜色控制器来调节音量,但不要将音量调节为零。

RGBA颜色的含义需要额外帮助:

RGBA(红色的, 绿色的, 蓝色、阿尔法)

Альфа-параметр - це число від 0,0 (повністю прозоре) до 1,0 (зовсім не прозоре):

屁股

RGBA(255,99,71,0)
RGBA(255,99,71,0.2)
RGBA(255,99,71,0.4)
RGBA(255,99,71,0.6)
RGBA(255,99,71,0.8)
RGBA(255,99,71,1)

自己尝试一下»

HSLA 积分

科廖罗沃 HSLA 会员 为便于您理解 HSL 的用人单位理解,我们特意取消了对该机构的审核。

可以指定 HSLA 颜色的值以获取帮助:

HSLA(色调, 饱和, 亮度,alpha)

Альфа-параметр - це число від 0,0 (повністю прозоре) до 1,0 (зовсім не прозоре):

屁股

HSLA(9,100%,64%,0)
HSLA(9,100%,64%,0.2)
HSLA(9,100%,64%,0.4)
HSLA(9,100%,64%,0.6)
HSLA(9,100%,64%,0.8)
HSLA(9, 100%, 64%, 1)

自己尝试一下»

自我控制的营养

  • 如何设置网页的颜色?
  • 网页中使用的颜色名称是什么?
  • HTML 支持多少种标准颜色名称?
  • 如何设置 HTML 页面的背景颜色?
  • 您可以使用什么功能来设置 HTML 页面文本的颜色?
  • 如何设置 HTML 元素之间的颜色?
  • 有关颜色含义的更​​多信息,我可以在网站上设置颜色吗?
  • 如何解读RGB颜色值?
  • RGB值颜色中的皮肤参数意味着什么?
  • RGB颜色中皮肤参数的最小值和最大值是多少?
  • 当RGB颜色中安装灰色阴影时,皮肤光的值是多少?
  • 使用附加的十六进制 (HEX) 值以什么形式表示颜色?
  • HEX颜色中皮肤参数的最小值和最大值是多少?
  • 当在 HEX 颜色中安装灰色阴影时,皮肤光的值是多少?
  • 如何解密HSL颜色值?
  • HSL颜色中的皮肤参数的最小值和最大值是多少?
  • 当HSL颜色中安装灰色阴影时,皮肤亮度的值是多少?
  • 为什么颜色设置为RGBA和HSLA时需要alpha通道?


评论