|
 Spoznajte HTML barve in teorijo za njimi.
V HTML atributih deklariramo barve na tri načine. Prvi način je z angleškim imenom za barvo, drugi način je šestmestna koda za barvo, ki sledi znaku za število ( # ), tretji način pa je z navedbo odtenkov rdeče, zelene in modre.
V HTMLju uporabljamo barve za RGB barvni model. RGB je kratica za Red Green Blue oz. Rdeča Zelena Modra. Posamezno barvo določimo z intenzivnostjo posameznega odtenka.
Npr. Rdeča – Red – #FF0000 – rgb(255, 0, 0)
| Barva | HEX Barva | RGB Barva | Ime barve |
|
#000000 |
rgb(0,0,0) |
Black |
|
#FF0000 |
rgb(255,0,0) |
Red |
|
#00FF00 |
rgb(0,255,0) |
Green |
|
#0000FF |
rgb(0,0,255) |
Blue |
|
#FFFF00 |
rgb(255,255,0) |
Yellow |
|
#00FFFF |
rgb(0,255,255) |
Aqua |
|
#FF00FF |
rgb(255,0,255) |
Fuchsia |
|
#C0C0C0 |
rgb(192,192,192) |
Silver |
|
#FFFFFF |
rgb(255,255,255) |
White
|
Seznam barv in njihovih odtenkov >>
1. Angleška imena barv
Ta način zapisovanja barv se ne uporablja pogosto. Imena barv si oglejte v zgornji tabeli. To so osnovne barve. Obstajajo imena še za mnoge druge barve a jih jaz tukaj ne bom navajal, saj vam priporočam, da uporabljate spodnja dva načina za deklaracijo barv ( #, rgb() ). Seznam mnogih barv in odtenkov si lahko ogledate tukaj: Seznam barv.
2. Barve s šestnajstiškim sistemom – HEX barve
Koda barve je sestavljena iz treh parov številk in črk ( 0-9, A-F ), pred seboj pa ima simbol za število #.
Prvi par predstavlja rdečo barvo, drugi par zeleno barvo in tretji par modro barvo (RGB).
Najnižja vrednost para je 00 (0), najvišja pa FF (255).
Primer: Modra barva ne vsebuje odtenkov rdeče in zelene, zato je njena koda #0000FF.
Rumena barva vsebuje rdečo in zeleno a ne vsebuje modre, zato je koda za rumeno barvo #FFFF00. Črna ne vsebuje nobenih odtenkov, zato ima kodo #000000, bela pa vsebuje vse barvne odtenke, zato ima kodo #FFFFFF.
Za več barv si oglejte zgornjo tabelo osnovnih barv in pa seznam drugih barvnih odtenkov.
*Jaz HEX kode za barve dobim s pomočjo Photoshopa.
3. Barve z rgb( ) načinom
S tem načinom dobimo 16.777.216 različnih barv in njihovih odtenkov (človeško oko loči med okoli 10.000.000 odtenki). To veliko številko smo dobili z množenjem 256x256x256 (Zakaj ne 255x255x255? Ker moramo upoštevati še 0).
Deklaracija z rgb( ) ima obliko rgb( rdeča, zelena, modra ). Vrednosti variirajo med 0 in 255.
Primer: Zelena barva ne vsebuje rdeče in modre, zato ima zapis rgb(0,255,0).
Za poznavanje osnovnih barv si oglejte zgornjo tabelo, za več barv pa si oglejte seznam barv in njihovih odtenkov.
Zaključek: Pri HTMLju, spletnih straneh in drugih rečeh, ki se pojavljajo na računalniku uporabljamo predvsem RGB barvni model zaradi načina prikaza barv na monitorjih. Pri tiskanju se na primer uporablja barvni model CMYK (cian magenta yellow black).
Zadnje čase se uporabljata predvsem spodnja dva načina za določitev barve. Jaz osebno uporabljam HEX način zapisa barv ( # ), vi pa se odločite po svojih nagnjenjih. Za več barv si oglejte še seznam barv in njihovih odtenkov.
|
