Hledáš dárek, který neskončí v koši? Nyní 90 % extra kreditů ZDARMA s promo kódem PREKVAPENI90. Zjisti více:
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Diskuze – Lekce 9 - Barvy v CSS

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Ren
Člen
Avatar
Ren :16.4.2024 12:21

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:).

Avatar
DarkCoder
Člen
Avatar
Odpovídá na Ren
DarkCoder:16.4.2024 13:18

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.

Odpovědět
"I ta nejlepší poučka postrádá na významu, není-li patřičně předána." - DarkCoder
Avatar
Ren
Člen
Avatar
Odpovídá na DarkCoder
Ren :16.4.2024 19:34

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.

Avatar
DarkCoder
Člen
Avatar
Odpovídá na Ren
DarkCoder:16.4.2024 20:17

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

Odpovědět
"I ta nejlepší poučka postrádá na významu, není-li patřičně předána." - DarkCoder
Avatar
Ren
Člen
Avatar
Odpovídá na DarkCoder
Ren :17.4.2024 13:12

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.

Avatar
DarkCoder
Člen
Avatar
Odpovídá na Ren
DarkCoder:17.4.2024 13:51

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

Odpovědět
"I ta nejlepší poučka postrádá na významu, není-li patřičně předána." - DarkCoder
Avatar
Lumír RAJSKÝ:20.5.2024 9:34

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.

Avatar
Martin Jech
Člen
Avatar
Martin Jech:4.12.2024 18:50

cenim nastroj na michani barev
.............­.............­...........

Avatar
Michal Maleňák:18.12.2024 20:27

lépe popsat jak funguje ten výpočet hexadecimal color a lépe popsat spojování těch barev

Avatar
Jan černý
Člen
Avatar
Jan černý:19. ledna 16:15

v textu chybí vysvětlení 16tkové soustavy a že to je vlastně stejné jako RGB. jen jiný zápis.

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 10.