RGB, RGBA, HEX

RGB va RGBA

RGB - Red Green Blue so'zlarini qisqartmasi.

Red - qizil, Green - yashil, Blue ko'k ranglarini anglatadi.

RGBA - Red Green Blue Alfa so'zlarini qisqartmasini bildiradi. RGB ni tepada ko'rdik. Alfa rangning xiraligini bildiradi. Ya'ni rang qanchalik tiniq ko'rinishini anglatadi.

RGB

Html da quyidagi formuladan foydalanib rangning qiymaini yozish mumkin.

Sintaksis

rgb(red,green,blue)

Bunda har bitta rangning o'rniga uning qiymati yoziladi. Demak rgb da 3ta rangning qiymatini yozish kerak bular Red (qizil), Green (yashil), Blue (ko'k).

Namuna

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color:rgb(255, 0, 0);">rgb(255, 0, 0)</h1>
<h1 style="background-color:rgb(0, 0, 255);">rgb(0, 0, 255)</h1>
<h1 style="background-color:rgb(60, 179, 113);">rgb(60, 179, 113)</h1>
<h1 style="background-color:rgb(238, 130, 238);">rgb(238, 130, 238)</h1>
<h1 style="background-color:rgb(255, 165, 0);">rgb(255, 165, 0)</h1>
<h1 style="background-color:rgb(106, 90, 205);">rgb(106, 90, 205)</h1>

</body>
</html>

RGBA

RGBA - Red Green Blue Alfa so'zlarini qisqartmasini bildiradi.

Red - qizil, Green - yashil, Blue ko'k ranglarini anglatadi. Alfa rangning xiraligini bildiradi. Yaniy rang qanchalik tiniq ko'rinishini anglatadi.

Sintaksis

rgba(red,green,blue,alfa)

Bunda har bitta rangning o'rniga uning qiymati yoziladi. Alfa da esa o'sha rang tiniqlik qiymati yoziladi. Alfa ning qiymati 0 - 1 (0dan 1gacha) bo'lishi mumkin.

Namuna

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color:rgba(255, 99, 71, 0);">rgba(255, 99, 71, 0)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.4);">rgba(255, 99, 71, 0.4)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.6);">rgba(255, 99, 71, 0.6)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.8);">rgba(255, 99, 71, 0.8)</h1>
<h1 style="background-color:rgba(255, 99, 71, 1);">rgba(255, 99, 71, 1)</h1>

</body>
</html>

Natija

Ahamiyat bering alfaning qiymati 0 bo'lganda rang umuman ko'rinmaydi. Alfaning qiymati oshgan sari tiniqroq bo'lib ko'rinadi.

HEX

hex hexadecimal so'zidan qisqartma bo'lib o'n oltilik sanoq sistemasini anglatadi.

Hexadecimal da rang quyidagicha belgilanadi. #RRGGBB. Bu yerda R - Red (qizil), G - Green (ko'k), B - Blue (ko'k) .

Sintaksis

#rrggbb

Namuna

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color: #ff0000;">#ff0000</h1>
<h1 style="background-color: #0000ff;">#0000ff</h1>
<h1 style="background-color: #3cb371;">#3cb371</h1>
<h1 style="background-color: #ee82ee;">#ee82ee</h1>
<h1 style="background-color: #ffa500;">#ffa500</h1>
<h1 style="background-color: #6a5acd;">#6a5acd</h1>

</body>
</html>

Natija