Diskuze – Lekce 9 - Barvy v CSS

Ahoj, jak mám prosím vědět, co mi za barvu vyjede? Všemu rozumím, ale jedno nechápu. Třeba #0a294b se snažím nějako obhájit, že 0 a A jsou nejslabší. 0 není nic a A je minimum, kdežto 9 a F je maximum. Nějaké vysvětlení, info k tomu, předem díky:).

Kód "#0a294b" představuje barvu v HTML ve formátu hexadecimálního kódu. Každá dvojice čísel v hexadecimálním kódu reprezentuje hodnotu jednoho kanálu barvy (červená, zelená, modrá) a může mít hodnotu od 00 (nejtmavší) do FF (nejsvětlejší). Tedy "#0a" je hodnota červeného kanálu, "29" hodnota zeleného kanálu a "4b" hodnota modrého kanálu.

Díky moc za vysvětlení, téma barvy v CSS mi je zase o něco bližší, každopádně, někdo mi poslal toto:

#00 00 00
R G B

00 = 0
09 = 9
0A = 10
0B = 11
0F = 15
10 = 16
11 = 17
1A = 26
1F = 31
FF = 255

Do jisté míry to chápu, ale jak to počítání funguje prosím? Třeba kolik je 4A nebo 4D? Když si vezmu třeba 1A je to 16 + 10, což nám dává 26? Jelikož 0A je normálně 10 a číslo 10 samo osobě nám dává 16? Chápu, že je to takhle hodně zmatený, ale sama se v tomhle trochu plácám.

To co Ti bylo posláno Ti moc nepomůže. Nebudeš se přeci učit vsechny varianty. Tedy jaké hexadecimální hodnotě odpovídá hodnota dekadická.

Nauč se následující:

Základem je znalost přepočtu HEX-DEC:

0 - 0
1 - 1
2 - 2
...
10 - A
11 - B
12 - C
13 - D
14 - E
15 - F

Pro určení Decimalni hodnoty z dvojice Hexadecimalni hodnoty použij vztah:

Dec = L * 16 + P

Kde:
L je levá hex hodnota
P je pravá hex hodnota

Př.
Chceme určit dec hodnotu z hex 4D.

Z tabulky přepočtu a podle vzorce:
Dec = 4 * 16 + 13 = 64 + 13 = 77

4D hex je 77 dec.

Pro výpočet hex hodnoty z dec použijeme vztah:

L = Dec / 16
P = Dec % 16

/ je celočíselné dělení
% je zbytek po celočíselném dělení

Př.
Chcem určit hex hodnotu z dec 77

L = 77 / 16 = 4
P = 77 % 16 = 13

Pro výsledky najdeme z přepočtu odpovídající hex 4 = 4, 13 = D

77 dec je tedy 4D hex.

Tímto způsobem tak můžeš určit hodnotu barvy ať už v dec nebo hex kódování.

Páni, díky moc!! Tohle mi hodně pomohlo a už to konečně chápu. Ocenila bych, kdyby tento způsob byl uveden i v samotné lekci, ale děkuji moc za vysvětlení! Jediná maličkost kterou akorát nechápu je, jak si určil hex hodnotu z dec 77, tu pravou stranu. Jak to vypočítám? Jak to vypočítám na kalkulačce? Musím si určit jedno procento či deset procent, a pak zbytek dopočítat? Děkuju za tvůj čas.

Na kalkulačce modulo není.

ještě jednou ten samý příklad a více rozebrána sekce modula:

Př.
Chcem určit hex hodnotu z dec 77

L = Dec / 16 = 77 / 16 = 4

Jinak řečeno, kolikrát se vejde hodnota 16 do čísla 77. Vejde se tam 4x, proto 4.

Z přepočtu dec na hex odpovídá hodnota 4 hodnotě 4. Proto levá strana bude 4.

Zbytek po celočíselném dělení je když hodnotu celočíselného dělení vynásobíme 16 a tuto hodnotu odečteme od zjišťované dec hodnoty. Tedy:

P = 77 % 16 = 77 - L * 16 = 77 - 4 * 16 = 77 - 64 = 13

Jinak řečeno, když jsme určovali levou stranu, zjišťovali jsme, kolikrát se vejde hodnota 16 do čísla 77, to bylo 4. Nějaká hodnota nám zbyla, a to je ten zbytek po celočíselném dělení, tedy pravá strana kterou teď hledáme.

Z přepočtu dec na hex odpovídá hodnota 13 písmenu D. Proto pravá strana bude D.

Spojením obou hex hodnot získáme výsledný hex pár.

HEXPÁR = LP = 4D

Zkratka pravé alt + X = # mi nějak nefunguje. Namísto toho se mi otevře něco jako výběr barvy kliknutím na ni.