CSS: Číselné soustavy
Pokud se začnete zajímat o barvy, tak by vás to mohlo zajímat, ale pokud se nezajímáte o webdesign i tak je to velmi zajímavé.
Dvojková soustava, bity a bajty
Jeden Bajt = 8bitů. Barvy (všechny barvy, nejen na webu) jsou zapsány v 8 bitech, v každém bitu je buď jednička nebo nula - dvojková soustava. RGB tvar sestává ze 3 Bajtů nebo-li 24 bitů
Jeden Bajt - 8bitů | |||||||
---|---|---|---|---|---|---|---|
1 | 0 | 1 | 0 | 1 | 0 | 0 | 1 |
Dvojkové číslo lze velmi snadno převést do desítkové soustavy. Desítkové číslo, třeba 4921 lze zapsat jako součet 1x100 +2x101 + 3x102 + 4x103 a úplně stejné je to u dvojkové.
dvojkové číslo | 1 | 0 | 1 | 0 | 1 | 0 | 0 | 1 |
---|---|---|---|---|---|---|---|---|
desítkové číslo | 1x27 | 0x26 | 1x25 | 0x24 | 1x23 | 0x22 | 0x21 | 1x20 |
sečteno 169 |
Co z toho plyne? Maximální hodnota jednoho bitu 11111111 je rovna 255.
Tvar RGB
Tvar RGB je poměr červené(red), zelené(green) a modré(blue). Maximální hodnota každé barvy je právě 255, jeden bit. Barvy jsou tři - bity také.
R | G | B | Výsledná barva |
---|
Nyní tedy můžeme použít zápis rgb(červená, zelená, modrá) s tím, že víme, že meximální hodnoty jsou 255. Zbývá tedy otázka, co je Hexadecimální tvar?
Hexadecimální tvar
Pomocí hexadecimálního - šestnáctkového tvaru se barvy zapisují najčastěji. Vyvstává tu malý problém 16 základních číslic (dvojková měla 2 - 1,0). Jednotlivé číslice: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F Šestnáctkový tvar lze opět vyjádřit jako součet Xx160, Xx161, Xx162....Nejefektivnější je převádět dvojková čísla na šestnáctková
dvojkové číslo | 1 | 0 | 1 | 0 | 1 | 0 | 0 | 1 |
---|---|---|---|---|---|---|---|---|
mezisoučet | 23+21 | 23+20 | ||||||
desítková hodnota | 10 | 9 | ||||||
šestnáctkové číslo | A | 9 |
Z toho plyne, že maximální hodnota jednoho bitu je 255 v desítkové a FF v šestnáctkové.
Zadání v HTML nebo v CSS se dělá tak, že zapíšete # a za něj jednotlivé hodnoty (r, g, b) Pokud bude dílčí ěestnáctkové číslo menší než 10, zapište před hodnotu nulu.
Takže tvar #12FFA9 je 18 červené, 255 zelené a 169 modré.
Závěr
Jestli to chcete takhle dělat, to je vaše věc a mnohem lepší a jednodušší je použít vestavěný editor barev ve vašem Editoru HTML.
Vyhledávání
Základy
Reference
Vlastnosti
CSS vlastnosti abecedně
- backgroud-position backgroundbackground-attachementbackground-colorbackground-imagebackground-repeatborderborder-bottomborder-bottom-colorborder-bottom-styleborder-bottom-widthborder-colorborder-leftborder-left-colorborder-left-styleborder-left-widthborder-rightborder-right-colorborder-right-styleborder-right-widthborder-styleborder-topborder-top-colorborder-top-styleborder-top-widthborder-widthbottomheightline-heightmarginmargin-bottommargin-leftmargin-rightmargin-topmax-heightmin-heightmin-widthpaddingpadding-bottompadding-leftpadding-rightpadding-topwidth
Poradna
Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.