Colors

HTML Ranglari

HTML ranglari oldindan belgilangan rang nomlari yoki RGB, HEX, HSL, RGBA yoki HSLA qiymatlari bilan ko'rsatiladi.

Rang Nomi

HTML-da rang rang nomidan foydalanib ko'rsatilishi mumkin:

HTML 140 ta standart rang nomlarini qo'llab-quvvatlaydi.

Fon Rangi

HTML elementlari uchun fon rangini o'rnatishingiz mumkin:

<h1 style="background-color:DodgerBlue;">Salom Dunyo</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Matn Rangi

Matnning rangini o'rnatishingiz mumkin:

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

Chegara Rangi

Chegaralarning rangini o'rnatishingiz mumkin:

<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

HTML-da ranglar RGB qiymatlari, HEX qiymatlari, HSL qiymatlari, RGBA qiymatlari va HSLA qiymatlari yordamida ham ko'rsatilishi mumkin.

Quyidagi uchta <div> elementining fon rangi RGB, HEX va HSL qiymatlari bilan o'rnatilgan:

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

Quyidagi ikkita <div> elementining fon rangi RGBA va HSLA qiymatlari bilan o'rnatilgan bo'lib, bu rangga Alpha kanali qo'shadi (bu erda 50% shaffoflik mavjud):

• 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>