HTML Colors

HTML
COLORS
DALLENDYSHE ISLAMAJ
ARTIOLA BRAZHDA
COLOR NAME
Ngjyrat ne HTML specifikohen me emra ngjyrash të paracaktuara ose me vlera RGB, HEX,
HSL, RGBA ose HSLA.
In HTML, a color can be specified by using a color name:

RGB
Në HTML, një ngjyrë mund të specifikohet si një vlerë RGB, duke përdorur këtë formulë:
RGB(e kuqe, jeshile, blu)
Çdo parametër (e kuqe, jeshile dhe blu) përcakton intensitetin e ngjyrës me një vlerë midis 0 dhe 255.
Kjo do të thotë se ka 256 x 256 x 256 = 16777216 ngjyra të mundshme.
Për shembull, rgb(255, 0, 0) shfaqet si e kuqe, sepse e kuqja është vendosur në vlerën e saj më të lartë
(255), dhe dy të tjerat (jeshile dhe blu) janë vendosur në 0.
RGBA
Vlerat e ngjyrave RGBA janë një shtrirje e vlerave të ngjyrave RGB me një kanal Alfa - i cili
specifikon intesitetinpër një ngjyrë.
Një vlerë ngjyrash RGBA specifikohet me:
rgba (e kuqe, jeshile, blu, alfa)
Parametri alfa është një numër midis 0.0 (plotësisht transparent) dhe 1.0 (aspak transparent)
HEX
Në HTML, një ngjyrë mund të
specifikohet duke përdorur një
vlerë heksadecimal në formën:
#rrggbb
Ku rr (e kuqe), gg (jeshile) dhe bb

(blu) janë vlera heksadecimal midis
00 dhe ff (njëlloj si dhjetore 0-255).
Për shembull, #ff0000 shfaqet si e

kuqe, sepse e kuqja është vendosur
në vlerën e saj më të lartë (ff), dhe
dy të tjerat (jeshile dhe blu) janë
vendosur në 00.
HSL
Në HTML, një ngjyrë mund të specifikohet duke përdorur nuancën, ngopjen dhe butësinë (HSL)
në formën:
hsl(hue, saturation, lightness)
HSL (nuance, ngopje, lehtësi)
Nuanca është një shkallë në rrotën e ngjyrave nga 0 në 360. 0 është e kuqe, 120 është jeshile dhe
240 është blu.
Ngopja është një vlerë përqindjeje, 0% do të thotë një nuancë gri dhe 100% është ngjyra e plotë.
Lehtësia është gjithashtu një vlerë përqindjeje, 0% është e zezë dhe 100% është e bardhë.
HSLA
Vlerat e ngjyrave HSLA janë një zgjerim i vlerave të ngjyrave HSL me një kanal Alfa - i cili
specifikon opacitetin për një ngjyrë.
Një vlerë ngjyrash HSLA specifikohet me:
hsla(hue, saturation, lightness, alpha)
hsla (ngjyrë, mbushje, lehtësi, alfa)
Parametri alfa është një numër midis 0.0 (plotësisht transparent) dhe 1.0 (aspak transparent):
Background color
Ngjyrosja e një sfondi të faqes në internet është në fakt shumë e thjeshtë. Mënyra e parë dhe më e
popullarizuar është duke përdorur një kod ngjyre Hex me veçorinë e ngjyrës së sfondit. Këtu
aplikojmë një ngjyrë Hex direkt në elementin HTML <body> duke përdorur atributin stil.
<body style="background-color:#FF0000;"> </body>
Një mënyrë e dytë është përdorimi i një emri ngjyrash HTML; thjesht zëvendësoni kodin HEX
me një nga 140 emrat e ngjyrave.
<body style="background-color:red;"> </body>
Vlerat RGB mund të përdoren gjithashtu për të shtuar një ngjyrë të sfondit në elementët HTML.
<body style="background-color:rgb(255,0,0);"> </body>

HSL
<body style="background-color:hsl(0,100%,50%);"> </body>
HSLA
<body style="background-color:hsla(0,100%,50%,0.5);"> </body>

<html>
<body>
<h1 style="background-color:DodgerBlue;">Hello World</h1>
Kjo ngjyre backgrundi do vendoset vetem ne shkrimin e H1.

Per te vendosur nje ngjyre backroundi ne nje tekst:
<html>
<body>
<p style="background-color:Tomato;">
Fakulteti I Shkencave te Natyres
</body>
</html>
Text color
Mënyra më e zakonshme për të ngjyrosur tekstin HTML është duke përdorur kod heksadecimal
ngjyrash.
<body> <p style="color:#FF0000";>Red paragraph text</p> </body>
Kodi per te shkruar nje tekst te ngjyrosur duke shkruar emrin e ngjyres:
<body> <p style="color:red;">Red paragraph text</p> </body>

RGB
<body> <p style="color:rgb(255,0,0);">Red paragraph text</p> </body>
RGBA
<body> <p style="color:rgba(255,0,0,0.5);">Red paragraph text</p> </body>

HSL
<body> <p style="color:hsl(0,100%,50%);">Red paragraph text</p> </body>
HSLA
<body> <p style="color:hsla(0,100%,50%,1);">Red paragraph text</p> </body>

Border
Color
HTML ju jep mundësi që të vendosni ngjyrën që preferoni në

border (kufi të fjalës)duke ekzekutuar kodin e mëposhtëm:
<!DOCTYPE html>
<html>
<body>
<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>
</body>
</html>
Vlerat e ngjyrave
Në HTML, ngjyrat mund të specifikohen gjithashtu duke përdorur

vlerat RGB, vlerat HEX, vlerat HSL, vlerat RGBA dhe vlerat HSLA.
Tre elementët e mëposhtëm <div> kanë

ngjyrën e sfondit të caktuar me vlera RGB,
!DOCTYPE html> HEX dhe HSL:
<html>
<body>
<p>Same as color name "Tomato":</p>
<h1 style="background-color:rgb(255, 99, 71);">rgb(255, 99, 71)</h1>

<h1 style="background-color:#ff6347;">#ff6347</h1> Dy elementët e mëposhtëm <div> kanë
<h1 style="background-color:hsl(9, 100%, 64%);">hsl(9, 100%, 64%)</h1> ngjyrën e tyre të sfondit të vendosur
me vlera RGBA dhe HSLA, e cila shton
<p>Same as color name "Tomato", but 50% transparent:</p> një kanal Alfa në ngjyrë (këtu kemi
<h1 style="background-color:rgba(255, 99, 71, 0.5);">rgba(255, 99, 71, 0.5)</h1> transparencë 50%):
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">hsla(9, 100%, 64%, 0.5)</h1>
<p>In addition to the predefined color names, colors can be specified using RGB,
HEX, HSL, or even transparent colors using RGBA or HSLA color values.</p>
</body>
</html>
RGB &
RGBA
Një vlerë Një vlerë

ngjyrash RGB ngjyrash RGBA
përfaqëson është një zgjatim
burimet e dritës i RGB me një
KUQE, E GJELBËL kanal Alfa
dhe BLU. (opacity).
Vlerat e ngjyrave RGB
Në <!DOCTYPE html>
HTML, një ngjyrë mund të specifikohet si një vlerë RGB, duke përdorur këtë formulë:
<html>
rgb (e kuqe, jeshile, blu)
<body>
Çdo parametër (e kuqe, jeshile dhe blu) përcakton intensitetin e ngjyrës me një vlerë midis 0 dhe 255.
Kjo do të thotë se ka 256 x 256 x 256 = 16777216 ngjyra të mundshme!
Për<h1
shembull, rgb (255, 0, 0) shfaqet si e kuqe179,
style="background-color:rgb(60, sepse e kuqja është vendosur
113);">rgb(60, në vlerën e saj më të lartë (255), dhe dy të tjerat (jeshile dhe blu) janë
179, 113)</h1>
vendosur në 0.
<h1 style="background-color:rgb(238, 130, 238);">rgb(238, 130,
Një238)</h1>
shembull tjetër, rgb (0, 255, 0) shfaqet si jeshile sepse e gjelbër është vendosur në vlerën e saj më të lartë (255), dhe dy të tjerat (e kuqe dhe blu) janë
vendosur në 0.
<h1 style="background-color:rgb(255, 165, 0);">rgb(255, 165,
Për të shfaqur të zezën, vendosni të gjitha cilësimet e ngjyrave në 0, si kjo: rgb (0, 0, 0).
0)</h1>
Për<h1
të shfaqur të bardhën, vendosni të gjitha cilësimet
style="background-color:rgb(106, e ngjyrave në90,
90, 205);">rgb(106, 255, si kjo: rgb (255, 255, 255).
205)</h1>
</body>
</html>
Vlerat e ngjyrave
RGBA
Vlerat e ngjyrave RGBA janë një shtrirje e vlerave të ngjyrave RGB me një kanal Alfa - i
cili specifikon opacitetin për një ngjyrë.Një vlerë ngjyrash RGBA specifikohet me:
rgba (e kuqe, jeshile, blu, alfa)
Parametri alfa është një numër midis 0.0 (plotësisht transparent) dhe 1.0 (aspak
transparent):
<!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, 1);">rgba(255, 99, 71, 1)</h1>
</body>
</html>
Ngjyrat HEX
-Vlerat e ngjyrave HEX
Në HTML, një ngjyrë mund të specifikohet duke përdorur një vlerë heksadecimal në formën:
#rrggbb
Ku rr (e kuqe), gg (jeshile) dhe bb (blu) janë vlera heksadecimal midis 00 dhe ff (njëlloj si dhjetore 0-255).
-Për shembull, #ff0000 shfaqet si e kuqe, sepse e kuqja është vendosur në vlerën e saj më të lartë (ff), dhe dy të tjerat (jeshile dhe blu) janë vendosur në
00.
-Një shembull tjetër, #00ff00 shfaqet si jeshile, sepse e gjelbra është vendosur në vlerën e saj më të lartë (ff), dhe dy të tjerat (e kuqe dhe blu) janë
vendosur në 00.
-Për të shfaqur të zezën, vendosni të gjithë parametrat e ngjyrave në 00, si kjo: #000000.
-Për të shfaqur të bardhën, vendosni të gjithë parametrat e ngjyrave në ff, si kjo: #ffffff.
<!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>
Vlerat e ngjyrave
HSL
Në HTML, një ngjyrë mund të specifikohet duke përdorur hue, saturation, and lightness (HSL) në formën:
hsl (hue, saturation, lightness)
Hue është një shkallë në rrotën e ngjyrave nga 0 në 360. 0 është e kuqe, 120 është jeshile dhe 240 është blu.
Saturation është një vlerë përqindjeje, 0% do të thotë një nuancë gri dhe 100% është ngjyra e plotë.
Lightness është gjithashtu një vlerë përqindjeje, 0% është e zezë dhe 100% është e bardhë.
<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:hsl(0, 100%, 50%);">hsl(0, 100%, 50%)</h1>

</body>
</html>
hë.
Saturation Lightness
Saturation
Saturation mund të përshkruhet si intensiteti i një ngjyre. Lehtësia e një ngjyre mund të përshkruhet si sa dritë
100% është ngjyrë e pastër, pa nuanca gri dëshironi t'i jepni ngjyrës, ku 0% do të thotë pa dritë (e
50% është 50% gri, por ju ende mund ta shihni ngjyrën. zezë), 50% do të thotë 50% dritë (as errësirë as dritë)
0% është plotësisht gri, nuk mund ta shihni më ngjyrën. 100% do të thotë dritë e plotë (e bardhë).
<!DOCTYPE html> <!DOCTYPE html>

<html> <html>
<body> <body>
<h1 style="background-color:hsl(0, 100%, 50%);">hsl(0, 100%, 50%)</h1> <h1 style="background-color:hsl(0, 100%, 0%);">hsl(0, 100%, 0%)</h1>
<p>Me ngjyrat HSL, më pak ngopje do të thotë më pak ngjyra. 0% është plotësisht gri.</p> <p>Me ngjyrat HSL, 0% butësi do të thotë e zezë dhe 100 butësi do të thotë e bardhë.</p>
</body> </body>
</html> </html>
Vlerat e ngjyrave
HSLA
Vlerat e ngjyrave HSLA

Vlerat e ngjyrave HSLA janë një zgjerim i vlerave të ngjyrave HSL me një kanal Alfa - i cili specifikon opacitetin për një ngjyrë.
Një vlerë ngjyrash HSLA specifikohet me:
hsla (ngjyrë, mbushje, lehtësi, alfa)
Parametri alfa është një numër midis 0.0 (plotësisht transparent) dhe 1.0 (aspak transparent):
<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:hsla(9, 100%, 64%, 0);">hsla(9, 100%, 64%, 0)</h1>

<h1 style="background-color:hsla(9, 100%, 64%, 1);">hsla(9, 100%, 64%, 1)</h1>
</body>
</html>

HTML Colors

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Colors

Uploaded by

Copyright:

Available Formats

HTML

In HTML, a color can be specified by using a color name:

RGB(e kuqe, jeshile, blu)

Kjo do të thotë se ka 256 x 256 x 256 = 16777216 ngjyra të mundshme.

Një vlerë ngjyrash RGBA specifikohet me:

rgba (e kuqe, jeshile, blu, alfa)

Ku rr (e kuqe), gg (jeshile) dhe bb

Për shembull, #ff0000 shfaqet si e

HSL (nuance, ngopje, lehtësi)

Një vlerë ngjyrash HSLA specifikohet me:

hsla(hue, saturation, lightness, alpha)

hsla (ngjyrë, mbushje, lehtësi, alfa)

<body style="background-color:#FF0000;"> </body>

<body style="background-color:red;"> </body>

<body style="background-color:rgb(255,0,0);"> </body>

<body style="background-color:hsl(0,100%,50%);"> </body>

<body style="background-color:hsla(0,100%,50%,0.5);"> </body>

<h1 style="background-color:DodgerBlue;">Hello World</h1>

Kjo ngjyre backgrundi do vendoset vetem ne shkrimin e H1.

Fakulteti I Shkencave te Natyres

<body> <p style="color:#FF0000";>Red paragraph text</p> </body>

<body> <p style="color:red;">Red paragraph text</p> </body>

<body> <p style="color:rgb(255,0,0);">Red paragraph text</p> </body>

<body> <p style="color:rgba(255,0,0,0.5);">Red paragraph text</p> </body>

<body> <p style="color:hsl(0,100%,50%);">Red paragraph text</p> </body>

<body> <p style="color:hsla(0,100%,50%,1);">Red paragraph text</p> </body>

HTML ju jep mundësi që të vendosni ngjyrën që preferoni në

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

Në HTML, ngjyrat mund të specifikohen gjithashtu duke përdorur

Tre elementët e mëposhtëm <div> kanë

<p>Same as color name "Tomato":</p>

<h1 style="background-color:rgb(255, 99, 71);">rgb(255, 99, 71)</h1>

Një vlerë Një vlerë

hsl (hue, saturation, lightness)

<h1 style="background-color:hsl(0, 100%, 50%);">hsl(0, 100%, 50%)</h1>

<!DOCTYPE html> <!DOCTYPE html>

Vlerat e ngjyrave HSLA

Një vlerë ngjyrash HSLA specifikohet me:

hsla (ngjyrë, mbushje, lehtësi, alfa)

<h1 style="background-color:hsla(9, 100%, 64%, 0);">hsla(9, 100%, 64%, 0)</h1>

You might also like