MohirDox

Ko'rinishi

HTML Ranglar ​

HTML ranglari oldindan belgilangan rang nomlari, yoki RGB, HEX, HSL, RGBA, yoki HSLA qiymatlari yordamida belgilanadi.

Rang Nomlari ​

HTMLda rangni nomi orqali belgilash mumkin:

Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray

HTMLda 140 ta standart rang nomlari mavjud.

Orqa Fon Rangini O'rnatish ​

HTML elementlar uchun orqa fon rangini belgilash mumkin:

Salom Dunyo
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.
html
<h1 style="background-color:DodgerBlue;">Salom Dunyo</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Matn Rangini O'rnatish ​

Matn rangini belgilash mumkin:

Salom Dunyo

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.

html
<h1 style="color:Tomato;">Salom Dunyo</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

Chegara Rangini O'rnatish ​

Chegaralar rangini belgilash mumkin:

Salom Dunyo

Salom Dunyo

Salom Dunyo

html
<h1 style="border:2px solid Tomato;">Salom Dunyo</h1>
<h1 style="border:2px solid DodgerBlue;">Salom Dunyo</h1>
<h1 style="border:2px solid Violet;">Salom Dunyo</h1>

Rang Qiymatlari ​

HTMLda ranglar RGB qiymatlari, HEX qiymatlari, HSL qiymatlari, RGBA qiymatlari va HSLA qiymatlari yordamida ham belgilanadi.

Quyidagi uchta <div> element orqa fon rangini RGB, HEX va HSL qiymatlari bilan oladi:

rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

Quyidagi ikki <div> element orqa fon rangini RGBA va HSLA qiymatlari bilan oladi, bu yerda Alpha kanali (50% shaffoflik) qo'shilgan:

rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)
html
<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>

Rang Qiymatlari haqida batafsil

Keyingi boblarda RGB, HEX va HSL haqida ko'proq bilib olasiz.