CSS › Rang › HEX-HexadEcimal Colors

Formulasi: #RRGGBB, › RR-(red / qizil), GG-(green / yashil) va BB-(blue / kuk) hexadecimal color

#FF0000, #00FF00, #0000FF, #FFA500, #FFFF00, #00FFFF, #FFFFFF, #000000...

Misol:
<div style="background: #FF0000;">#FF0000</div>
<div style="background: #00FF00;">#00FF00</div>
<div style="background: #0000FF;">#0000FF</div>
<div style="background: #FFA500;">#FFA500</div>
<div style="background: #FFFF00;">#FFFF00</div>
<div style="background: #00FFFF;">#00FFFF</div>
<div style="background: #FFFFFF;">#FFFFFF</div>
<div style="background: #000000;">#000000</div>

@w3_uz › #css › #rang › #HEX

@w3_uz › CSS › Rang › RGBA

CSS › Rang › RGBA

Formulasi: rgba(red, green, blue, alpha). Alfa parametr 0.0 o'rtasidagi
soni (to'liq shaffof-lik / fully transparent) va 1.0 (to'liq qorong'i / fully opaque).

Misol:
<div style="background: rgba(255, 0, 0, 0.1);">rgba(255, 0, 0, 0.1)</div>
<div style="background: rgba(255, 0, 0, 0.2);">rgba(255, 0, 0, 0.2)</div>
<div style="background: rgba(255, 0, 0, 0.3);">rgba(255, 0, 0, 0.3)</div>
<div style="background: rgba(255, 0, 0, 0.4);">rgba(255, 0, 0, 0.4)</div>
<div style="background: rgba(255, 0, 0, 0.5);">rgba(255, 0, 0, 0.5)</div>
<div style="background: rgba(255, 0, 0, 0.6);">rgba(255, 0, 0, 0.6)</div>
<div style="background: rgba(255, 0, 0, 0.7);">rgba(255, 0, 0, 0.7)</div>
<div style="background: rgba(255, 0, 0, 0.8);">rgba(255, 0, 0, 0.8)</div>
<div style="background: rgba(255, 0, 0, 0.9);">rgba(255, 0, 0, 0.9)</div>
<div style="background: rgba(255, 0, 0, 1.9);">rgba(255, 0, 0, 1.9)</div>

@w3_uz › #css › #rang › #RGBA

@w3_uz › #css › #rang › #HSL

CSS › Rang › HSL - Hue, Saturation and Lightness.

Formulasi: (0 - 360 dan) ustida bir daraja hisoblanadi:
0 (or 360) › red / qizil
120 › green / yashil
240 › blue / kuk
Qondirish darajasi bir qiymati: 100% to'liq rang hisoblanadi.
Ochilishini ham bir foiz; 0% qorong'u hisoblanadi (qora / black) va 100% (oq / white).

Misol:
<div style="background: hsl(0, 100%, 10%);">hsl(0, 100%, 10%)</div>
<div style="background: hsl(0, 100%, 20%);">hsl(0, 100%, 20%)</div>
<div style="background: hsl(0, 100%, 30%);">hsl(0, 100%, 30%)</div>
<div style="background: hsl(0, 100%, 40%);">hsl(0, 100%, 40%)</div>
<div style="background: hsl(0, 100%, 50%);">hsl(0, 100%, 50%)</div>
<div style="background: hsl(0, 100%, 60%);">hsl(0, 100%, 60%)</div>
<div style="background: hsl(0, 100%, 70%);">hsl(0, 100%, 70%)</div>
<div style="background: hsl(0, 100%, 80%);">hsl(0, 100%, 80%)</div>
<div style="background: hsl(0, 100%, 90%);">hsl(0, 100%, 90%)</div>
<div style="background: hsl(0, 100%, 100%);">hsl(0, 100%, 100%)</div>

@w3_uz › #css › #rang › #HSL

@w3_uz › #css › #rang › #HSLA

CSS › Rang › HSLA

Formulasi: hsla (hue, saturation, lightness, alpha), alfa parametr - qorong'i
belgilaydi qaerda Alfa parametr 0.0 (to'liq shaffof ) va 1.0 (to'liq qorong'i)
o'rtasida bir qator hisoblanadi.

Misol:
<div style="background: hsla(0, 100%, 10%, 0.3);">hsla(0, 100%, 10%, 0.3)</div>
<div style="background: hsla(0, 100%, 20%, 0.3);">hsla(0, 100%, 20%, 0.3)</div>
<div style="background: hsla(0, 100%, 30%, 0.3);">hsla(0, 100%, 30%, 0.3)</div>
<div style="background: hsla(0, 100%, 40%, 0.3);">hsla(0, 100%, 40%, 0.3)</div>
<div style="background: hsla(0, 100%, 50%, 0.3);">hsla(0, 100%, 50%, 0.3)</div>
<div style="background: hsla(0, 100%, 60%, 0.3);">hsla(0, 100%, 60%, 0.3)</div>
<div style="background: hsla(0, 100%, 70%, 0.3);">hsla(0, 100%, 70%, 0.3)</div>
<div style="background: hsla(0, 100%, 80%, 0.3);">hsla(0, 100%, 80%, 0.3)</div>
<div style="background: hsla(0, 100%, 90%, 0.3);">hsla(0, 100%, 90%, 0.3)</div>
<div style="background: hsla(0, 100%, 100%, 0.3);">hsla(0, 100%, 100%, 0.3)</div>

@w3_uz › #css › #rang › #HSLA

@w3_uz › #css › #rang › #opacity

CSS › Opacity

Opacity rangi berilganda RGB bir qiymati uchun opacity sozlash.
opacity mulk qiymatini 0.0 (to'liq shaffof) va 1.0 (to'liq qorong'i) o'rtasida bir qator bo'lishi kerak.

Misol:
<div style="background: rgb(255, 0, 0); opacity: 0.1;">rgb(255, 0, 0); opacity: 0.1</div>
<div style="background: rgb(255, 0, 0); opacity: 0.2;">rgb(255, 0, 0); opacity: 0.2</div>
<div style="background: rgb(255, 0, 0); opacity: 0.3;">rgb(255, 0, 0); opacity: 0.3</div>
<div style="background: rgb(255, 0, 0); opacity: 0.4;">rgb(255, 0, 0); opacity: 0.4</div>
<div style="background: rgb(255, 0, 0); opacity: 0.5;">rgb(255, 0, 0); opacity: 0.5</div>
<div style="background: rgb(255, 0, 0); opacity: 0.6;">rgb(255, 0, 0); opacity: 0.6</div>
<div style="background: rgb(255, 0, 0); opacity: 0.7;">rgb(255, 0, 0); opacity: 0.7</div>
<div style="background: rgb(255, 0, 0); opacity: 0.8;">rgb(255, 0, 0); opacity: 0.8</div>
<div style="background: rgb(255, 0, 0); opacity: 0.9;">rgb(255, 0, 0); opacity: 0.9</div>

@w3_uz › #css › #rang › #opacity

Learn HTML (com.sololearn.htmltrial)
Version: 5.5.2(83)
Last Updated: 25-Dec-2017
Size: 5.37MB

@w3_uz › #solo_learn › #html

@w3_uz › #solo_learn › #html

Learn CSS (com.sololearn.csstrial)
Version: 5.4.2(64)
Last Updated: 25-Dec-2017
Size: 5.37MB

@w3_uz › #solo_learn › #css

@w3_uz › #solo_learn › #css

Learn JavaScript (com.sololearn.javascript)
Version: 5.7.2(59)
Last Updated: 25-Dec-2017
Size: 5.36MB

@w3_uz › #solo_learn › #javascript

@w3_uz › #solo_learn › #javascript, #js

@w3_uz › #solo_learn › #php

Learn SQL (com.sololearn.sql)
Version: 3.4.2(40)
Last Updated: 25-Dec-2017
Size: 5.35MB

@w3_uz › #solo_learn › #SQL

@w3_uz › #solo_learn › #SQL

Learn Python (com.sololearn.python)
Version: 2.5.2(31)
Last Updated: 25-Dec-2017
Size: 5.36MB

@w3_uz › #solo_learn › #python