Ak ste grafický dizajnér alebo ste sa len niekedy dostali do programu na úpravu obrázkov, videli ste a box, ktorý vám umožnil zmeniť farbu, či už je to vedierko s farbou, štetec, písmená... Čo vás možno primälo k zvedavosti, je fakt, že keď si vyberiete farbu, objaví sa farebný kód, vies co to je?
Ak ste niekedy premýšľali, čo znamenajú tieto písmenové alebo číselné kódy, a chcete sa o tom dozvedieť viac, pomôžeme vám pochopiť dôležitosť farebného kódu, prečo odrážajú farby a ďalšie zaujímavé detaily.
Aký je kód farby
Kód farby môžeme definovať ako a chromatický rozsah, v ktorom je možné web zobraziť. Teda možnosti, ktoré v palete asi 216 farieb existujú, ako určiť, ako bude web vyzerať. Tento kód môže byť založený na troch typoch systémov: RGB, HEX a HSL (posledný je teraz zastaraný).
V skutočnosti je farebný kód určený na to, aby slúžil ako univerzálny kód pre všetky prehliadače takým spôsobom, že s týmito kódmi sa dosiahne reprodukovanie rovnakých tónov, či už v Internet Explores, vo Firefoxe Mozilla, v Google Chrome. …
Musíte to vedieť počítač je schopný rozlíšiť až 16 miliónov farieb, takže existuje veľa možností na vytvorenie webovej stránky alebo na úpravu obrázkov.
Typy farebných kódov
Ako sme vám už povedali, existujú tri typy systémov:
- RGB. Je najznámejšia a tvoria ju tri základné farby, červená, modrá a zelená, od ktorých sa ich kombináciou odvíjajú ostatné farby. Pokiaľ ide o jeho znázornenie, pohybuje sa od 0 do 255 a zobrazený kód sa skladá z troch číslic oddelených čiarkami a v zátvorkách.
- Hexadecimálne. Používa sa hlavne v HTML a CSS. V tomto prípade sa skladá z číslic aj písmen, ktoré sú medzi sebou usporiadané, aby získali kódy určujúce farby.
- HSL. Už nepoužívaný je založený na použití odtieňa, sýtosti a svetlosti pri vytváraní farby. Určuje sa v stupňoch a percentách (tri číslice oddelené čiarkami a v zátvorkách).
Prečo sú kódy dôležité?
Teraz, keď viete, čo je farebné kódovanie, je jeho použitie ľahké, pretože Používa sa na určenie, aký kód je potrebný na zobrazenie konkrétnej farby. Funguje to napríklad na webových stránkach. HTML kód je implicitný, ak má webová stránka pozadie určitej farby, ak je písmo červené, žlté, zelené, modré ... a mnoho ďalších použití.
Chápete, prečo je to dôležité? Predstavte si napríklad, že máte webovú stránku s červeným pozadím. A chcete ho zmeniť na prázdny. Ak by ste poznali kód, ktorý určuje červenú farbu, pomocou vyhľadávača v HTML kóde by ste získali miesto, kde sa táto farba odráža (spojené s farbou pozadia) a mohli by ste to rýchlo zmeniť. Ale čo ak ho nemáte? Mali by ste hľadať, kým nenájdete túto sekciu a otestovať, ktorý kód je blízky tomu, čo chcete.
Farebný kód vám preto pomáha urýchliť prácu, ako aj možnosť použiť farby pri návrhu webu, úprave obrázka atď.
Zoznam farieb a ich kód Hexadecimálne a RGB
Na záver by sme vám chceli nechať nižšie a tabuľku, v ktorej nájdete väčšinu farieb, ktoré existujú spolu s ich desiatkovým kódom (RGB) a hexadecimálnym takže ak kedykoľvek potrebujete zmeniť kód, môžete to urobiť jednoducho bez toho, aby ste to museli hľadať v palete farieb.
Štítok | Desatinné (R, G, B) | Hexadecimálne |
---|---|---|
alicemodrá | rgb (240, 248, 255) | # F0F8FF |
starožitný biely | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
akvamarín | rgb (127, 255, 212) | # 7FFFD4 |
blankyt | rgb (240, 255, 255) | # F0FFFF |
béžový | rgb (245, 245, 220) | # F5F5DC |
sušienka | rgb (255, 228, 196) | # FFE4C4 |
čierna | rgb (0, 0, 0) | # 000000 |
blanchedalmond | rgb (255, 235, 205) | #FFEBCD |
modrý | rgb (0, 0, 255) | #0000FF |
modrofialová | rgb (138, 43, 226) | # 8A2BE2 |
hnedý | rgb (165, 42, 42) | # A52A2A |
mohutné drevo | rgb (222, 184, 135) | # DEB887 |
kadetblue | rgb (95, 158, 160) | # 5F9EA0 |
chartreuska | rgb (127, 255, 0) | # 7FFF00 |
čokoláda | rgb (210, 105, 30) | # D2691E |
koral | rgb (255, 127, 80) | # FF7F50 |
chrpa modrá | rgb (100, 149, 237) | # 6495ED |
kukuričný hodváb | rgb (255, 248, 220) | # FFF8DC |
karmínová | rgb (220, 20, 60) | # DC143C |
tyrkysový | rgb (0, 255, 255) | # 00FFFF |
tmavomodrá | rgb (0, 0, 139) | #00008B |
darkcyan | rgb (0, 139, 139) | # 008B8B |
darkgoldenrod | rgb (184, 134, 11) | #B8860B |
tmavo-sivá | rgb (169, 169, 169) | # A9A9A9 |
tmavozelený | rgb (0, 100, 0) | # 006400 |
tmavošedý | rgb (169, 169, 169) | # A9A9A9 |
darkkhaki | rgb (189, 183, 107) | # BDB76B |
tmavomagenta | rgb (139, 0, 139) | # 8B008B |
darkolivegreen | rgb (85, 107, 47) | # 556B2F |
tmavooranžová | rgb (255, 140, 0) | # FF8C00 |
darkorchidea | rgb (153, 50, 204) | # 9932CC |
tmavo červená | rgb (139, 0, 0) | # 8B0000 |
tmavý losos | rgb (233, 150, 122) | # E9967A |
tmavoseagreen | rgb (143, 188, 143) | # 8FBC8F |
tmavoslatemodrá | rgb (72, 61, 139) | # 483D8B |
darkslategrey | rgb (47, 79, 79) | # 2F4F4F |
darkslategrey | rgb (47, 79, 79) | # 2F4F4F |
tmavotyrkysová | rgb (0, 206, 209) | # 00CED1 |
tmavofialová | rgb (148, 0, 211) | #9400D3 |
deeppink | rgb (255, 20, 147) | #FF1493 |
deepskyblue | rgb (0, 191, 255) | # 00BFFF |
matný | rgb (105, 105, 105) | # 696969 |
dimgrey | rgb (105, 105, 105) | # 696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
šamotová tehla | rgb (178, 34, 34) | #B22222 |
kvetinovobiela | rgb (255, 250, 240) | # FFFAF0 |
lesná zeleň | rgb (34, 139, 34) | # 228B22 |
fuchsie | rgb (255, 0, 255) | # FF00FF |
gainsboro | rgb (220, 220, 220) | #DCDCDC |
ghostwhite | rgb (248, 248, 255) | # F8F8FF |
zlato | rgb (255, 215, 0) | # FFD700 |
zlatobyľ | rgb (218, 165, 32) | # DAA520 |
šedá | rgb (128, 128, 128) | # 808080 |
zelená | rgb (0, 128, 0) | # 008000 |
zelenožltý | rgb (173, 255, 47) | # ADFF2F |
sivá | rgb (128, 128, 128) | # 808080 |
medová Rosa | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
indiánsky | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | # 4B0082 |
slonová kosť | rgb (255, 255, 240) | # FFFFF0 |
hnedožltý | rgb (240, 230, 140) | # F0E68C |
levanduľa | rgb (230, 230, 250) | # E6E6FA |
levanduľový rumenec | rgb (255, 240, 245) | # FFF0F5 |
trávniková zeleň | rgb (124, 252, 0) | # 7CFC00 |
citrónový šifón | rgb (255, 250, 205) | #FFFACD |
svetlo modrá | rgb (173, 216, 230) | # ADD8E6 |
svetlý koral | rgb (240, 128, 128) | #F08080 |
svetlocyan | rgb (224, 255, 255) | # E0FFFF |
svetlozlatorodožltá | rgb (250, 250, 210) | # FAFAD2 |
svetlosivá | rgb (211, 211, 211) | # D3D3D3 |
svetlo zelená | rgb (144, 238, 144) | # 90EE90 |
svetlo šedá | rgb (211, 211, 211) | # D3D3D3 |
svetlo ružová | rgb (255, 182, 193) | # FFB6C1 |
svetlý losos | rgb (255, 160, 122) | # FFA07A |
svetlozelená | rgb (32, 178, 170) | # 20B2AA |
svetloskymodrá | rgb (135, 206, 250) | # 87CEFA |
svetlosivá | rgb (119, 136, 153) | # 778899 |
svetlosivá | rgb (119, 136, 153) | # 778899 |
svetlá oceľovomodrá | rgb (176, 196, 222) | # B0C4DE |
svetlo žltá | rgb (255, 255, 224) | # FFFFE0 |
vápno | rgb (0, 255, 0) | #00FF00 |
limetková zelená | rgb (50, 205, 50) | #32CD32 |
bielizeň | rgb (250, 240, 230) | # FAF0E6 |
purpurová | rgb (255, 0, 255) | # FF00FF |
gaštanová | rgb (128, 0, 0) | # 800000 |
stredný akvamarín | rgb (102, 205, 170) | # 66CDAA |
stredne modrá | rgb (0, 0, 205) | # 0000CD |
stredná orchidea | rgb (186, 85, 211) | # BA55D3 |
stredne fialová | rgb (147, 112, 219) | #9370D8 |
stredne zelená | rgb (60, 179, 113) | # 3CB371 |
mediumslateblue | rgb (123, 104, 238) | # 7B68EE |
stredne jarná zelená | rgb (0, 250, 154) | # 00FA9A |
stredne tyrkysová | rgb (72, 209, 204) | # 48D1CC |
stredne fialová | rgb (199, 21, 133) | #C71585 |
polnočná modrá | rgb (25, 25, 112) | # 191970 |
mätový krém | rgb (245, 255, 250) | # F5FFFA |
mistyrose | rgb (255, 228, 225) | # FFE4E1 |
mokasín | rgb (255, 228, 181) | # FFE4B5 |
navajobiela | rgb (255, 222, 173) | #FFDEAD |
námorníctvo | rgb (0, 0, 128) | # 000080 |
oldlace | rgb (253, 245, 230) | # FDF5E6 |
olivový | rgb (128, 128, 0) | # 808000 |
olivedrab | rgb (107, 142, 35) | # 6B8E23 |
oranžový | rgb (255, 165, 0) | # FFA500 |
oranžová | rgb (255, 69, 0) | #FF4500 |
orchidea | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
svetlo zelená | rgb (152, 251, 152) | # 98FB98 |
paleta tyrkysová | rgb (175, 238, 238) | #AFEEEE |
palefialová | rgb (219, 112, 147) | # D87093 |
papayawhip | rgb (255, 239, 213) | # FFEFD5 |
broskyňa | rgb (255, 218, 185) | # FFDAB9 |
Peru | rgb (205, 133, 63) | # CD853F |
Ružová | rgb (255, 192, 203) | # FFC0CB |
slivka | rgb (221, 160, 221) | # DDA0DD |
prášková modrá | rgb (176, 224, 230) | # B0E0E6 |
purpurový | rgb (128, 0, 128) | # 800080 |
červená | rgb (255, 0, 0) | #FF0000 |
ružovohnedá | rgb (188, 143, 143) | # BC8F8F |
kráľovská modrá | rgb (65, 105, 225) | # 4169E1 |
Saddlebrown | rgb (139, 69, 19) | # 8B4513 |
losos | rgb (250, 128, 114) | # FA8072 |
pieskovohnedá | rgb (244, 164, 96) | # F4A460 |
Seagreen | rgb (46, 139, 87) | # 2E8B57 |
mušle | rgb (255, 245, 238) | # FFF5EE |
oranžovo žltá farba | rgb (160, 82, 45) | # A0522D |
striebro | rgb (192, 192, 192) | # C0C0C0 |
modrá obloha | rgb (135, 206, 235) | # 87CEEB |
bridlicovo modrá | rgb (106, 90, 205) | # 6A5ACD |
slategrey | rgb (112, 128, 144) | # 708090 |
slategrey | rgb (112, 128, 144) | # 708090 |
sneh | rgb (255, 250, 250) | #FFFAFA |
jarná zelená | rgb (0, 255, 127) | # 00FF7F |
oceľová modrá | rgb (70, 130, 180) | # 4682B4 |
opálenie | rgb (210, 180, 140) | # D2B48C |
modrozelený | rgb (0, 128, 128) | # 008080 |
bodliak | rgb (216, 191, 216) | # D8BFD8 |
paradajka | rgb (255, 99, 71) | #FF6347 |
tyrkysový | rgb (64, 224, 208) | # 40E0D0 |
fialový | rgb (238, 130, 238) | # EE82EE |
pšenica | rgb (245, 222, 179) | # F5DEB3 |
biely | rgb (255, 255, 255) | #FFFFFF |
biely dym | rgb (245, 245, 245) | # F5F5F5 |
žltá | rgb (255, 255, 0) | # FFFF00 |
žltá zelená | rgb (154, 205, 50) | # 9ACD32 |
Poznáte viac farebných kódov? Pozývame vás, aby ste ich vložili do komentárov, aby ste rozšírili zoznam.