HTML ranglar
HTML ranglari oldindan belgilangan rang nomlari yoki RGB, HEX, HSL, RGBA yoki HSLA qiymatlari bilan ko‘rsatiladi.
Rang nomlari
HTML’da rang nomidan foydalanib rang belgilash mumkin:
HTML 140 ta standart rang nomini qo‘llab-quvvatlaydi.
Fon rangi
HTML elementlari uchun fon rangini belgilashingiz mumkin:
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.
Misol
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
O‘zingiz sinab ko‘ring »
Matn rangi
Matn rangini belgilashingiz mumkin:
Hello World
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.
Misol
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
O‘zingiz sinab ko‘ring »
Chegara rangi
Chegara rangini belgilashingiz mumkin:
Hello World
Hello World
Hello World
Misol
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
O‘zingiz sinab ko‘ring »
Rang qiymatlari
HTML’da ranglar RGB, HEX, HSL, RGBA va HSLA qiymatlaridan foydalanib ham belgilanishi mumkin.
Quyidagi uchta <div> elementining fon rangi RGB, HEX va HSL qiymatlari bilan belgilangan:
Quyidagi ikkita <div> elementining fon rangi RGBA va HSLA qiymatlari bilan belgilangan, ular rangga Alfa kanalini qo‘shadi (bu yerda 50% shaffoflik ishlatilgan):
Misol
<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>
O‘zingiz sinab ko‘ring »
Rang qiymatlari haqida ko‘proq bilib oling
Video: HTML ranglari
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!