Pokud jste grafický designér nebo jste se právě někdy dostali do programu pro úpravu obrázků, viděli jste a pole, které vám umožnilo změnit barvuať už je to kbelík s barvou, štětec, písmena... Co vás možná vzbudilo zvědavostí, je skutečnost, že když si vyberete barvu, objeví se barevný kód, víš co to je?
Pokud jste někdy přemýšleli, co tyto písmenné nebo číselné kódy znamenají, a chcete se o tom dozvědět více, pak vám pomůžeme pochopit důležitost barevného kódu, proč odrážejí barvy a další zajímavé detaily.
Index
Jaký je kód barvy
Barevný kód můžeme definovat jako a chromatický rozsah, ve kterém lze web zobrazit. To znamená, možnosti, které existují v paletě asi 216 barev, jak určit, jak bude web vypadat. Tento kód může být založen na třech typech systémů: RGB, HEX a HSL (poslední jmenovaný je nyní zastaralý).
Ve skutečnosti barevný kód slouží jako univerzální kód pro všechny prohlížeče tak, že s těmito kódy je dosaženo reprodukce stejných tónů, buď v Internet Explores, ve Firefoxu Mozilla, v Google Chrome. …
Musíte to vědět počítač je schopen rozlišit až 16 milionů barev, takže existuje mnoho možností, jak vytvořit webovou stránku nebo upravit obrázky.
Typy barevných kódů
Jak jsme vám již řekli, existují tři typy systémů:
- RGB Je nejznámější a je tvořena třemi základními barvami, červenou, modrou a zelenou, od kterých se jejich kombinací odvíjí ostatní barvy. Pokud jde o jeho reprezentaci, pohybuje se od 0 do 255 a kód, který se objeví, se skládá ze tří číslic oddělených čárkami a v závorkách.
- Hexadecimální. Používá se především v HTML a CSS. V tomto případě je tvořen jak číslicemi, tak písmeny, které jsou uspořádány mezi sebou, aby získaly kódy určující barvy.
- HSL. Již zavrženo, je založeno na použití odstínu, sytosti a světlosti při vytváření barvy. Určuje se ve stupních a procentech (tři číslice oddělené čárkami a v závorkách).
Proč jsou kódy důležité?
Nyní, když víte, co je barevné kódování, je jeho použití snadné pochopit Používá se k určení, jaký kód je vyžadován pro zobrazení konkrétní barvy. Funguje to například na webových stránkách. HTML kód je implicitní, pokud má webová stránka pozadí určité barvy, pokud je písmo červené, žluté, zelené, modré ... a mnoho dalších použití.
Chápete, proč je to důležité? Představte si například, že máte web s červeným pozadím. A chcete ji změnit na prázdnou. Pokud byste znali kód, který určuje červenou barvu, pomocí vyhledávače v HTML kódu byste získali místo, kde se tato barva odráží (spojené s barvou pozadí) a mohli byste to rychle změnit. Ale co když ho nemáte? Museli byste hledat, dokud nenajdete tuto sekci a vyzkoušet, který kód se blíží tomu, který chcete.
Barevný kód vám tedy pomáhá urychlit práci, stejně jako možnost používat barvy při návrhu webu, úpravě obrázku atd.
Seznam barev a jejich kód Hexadecimální a RGB
Nakonec bychom vás rádi nechali níže a tabulka, ve které najdete většinu barev, které existují společně s jejich desítkovým kódem (RGB) a šestnáctkovým takže kdykoli budete potřebovat změnit kód, můžete to udělat snadno, aniž byste to museli hledat v paletě barev.
Tag | Desetinné (R, G, B) | Hexadecimální |
---|---|---|
alicemodrá | rgb (240, 248, 255) | # F0F8FF |
starožitný bílý | 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 |
bisque | rgb (255, 228, 196) | # FFE4C4 |
černý | rgb (0, 0, 0) | #000000 |
blanchedalmond | rgb (255, 235, 205) | #FFEBCD |
modrý | rgb (0, 0, 255) | # 0000FF |
modrofialová | rgb (138, 43, 226) | # 8A2BE2 |
hnědý | rgb (165, 42, 42) | # A52A2A |
mohutné dřevo | rgb (222, 184, 135) | # DEB887 |
kadetblue | rgb (95, 158, 160) | # 5F9EA0 |
chartreuska | rgb (127, 255, 0) | # 7FFF00 |
čokoláda | rgb (210, 105, 30) | # D2691E |
korál | rgb (255, 127, 80) | # FF7F50 |
chrpa modrá | rgb (100, 149, 237) | # 6495ED |
kukuřičné hedvábí | rgb (255, 248, 220) | # FFF8DC |
karmínový | rgb (220, 20, 60) | # DC143C |
azurová | rgb (0, 255, 255) | #00FFFF |
tmavě modrá | rgb (0, 0, 139) | #00008B |
temně azurová | rgb (0, 139, 139) | # 008B8B |
darkgoldenrod | rgb (184, 134, 11) | #B8860B |
tmavě šedá | rgb (169, 169, 169) | # A9A9A9 |
tmavozelený | rgb (0, 100, 0) | #006400 |
tmavošedý | rgb (169, 169, 169) | # A9A9A9 |
darkkhaki | rgb (189, 183, 107) | # BDB76B |
temně purpurová | rgb (139, 0, 139) | # 8B008B |
darkolivegreen | rgb (85, 107, 47) | # 556B2F |
tmavě oranžová | rgb (255, 140, 0) | # FF8C00 |
darkorchid | rgb (153, 50, 204) | #9932CC |
tmavě červená | rgb (139, 0, 0) | #8B0000 |
tmavý losos | rgb (233, 150, 122) | # E9967A |
tmavě zelená | rgb (143, 188, 143) | # 8FBC8F |
tmavěslatemodrá | rgb (72, 61, 139) | # 483D8B |
darkslategrey | rgb (47, 79, 79) | # 2F4F4F |
darkslategrey | rgb (47, 79, 79) | # 2F4F4F |
tmavě tyrkysová | rgb (0, 206, 209) | # 00CED1 |
tmavě fialová | rgb (148, 0, 211) | #9400D3 |
sytě růžová | rgb (255, 20, 147) | #FF1493 |
tmavě modrá | rgb (0, 191, 255) | # 00BFFF |
šedý | rgb (105, 105, 105) | #696969 |
dimgrey | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
šamotová cihla | rgb (178, 34, 34) | #B22222 |
květinově bílá | 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 |
zlatobýl | rgb (218, 165, 32) | # DAA520 |
šedá | rgb (128, 128, 128) | #808080 |
zelená | rgb (0, 128, 0) | #008000 |
zelená žlutá | rgb (173, 255, 47) | # ADFF2F |
šedá | rgb (128, 128, 128) | #808080 |
medovice | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
indiánská | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | #4B0082 |
slonová kost | rgb (255, 255, 240) | # FFFFF0 |
hnědožlutý | rgb (240, 230, 140) | # F0E68C |
levandule | rgb (230, 230, 250) | # E6E6FA |
levandulový ruměnec | rgb (255, 240, 245) | # FFF0F5 |
trávníková zeleň | rgb (124, 252, 0) | # 7CFC00 |
citronový šifon | rgb (255, 250, 205) | #FFFACD |
světle modrá | rgb (173, 216, 230) | # ADD8E6 |
světlý korál | rgb (240, 128, 128) | #F08080 |
světle azurová | rgb (224, 255, 255) | # E0FFFF |
světle zlatožlutá | rgb (250, 250, 210) | # FAFAD2 |
světle šedá | rgb (211, 211, 211) | # D3D3D3 |
světle zelená | rgb (144, 238, 144) | # 90EE90 |
světle šedá | rgb (211, 211, 211) | # D3D3D3 |
světle růžová | rgb (255, 182, 193) | # FFB6C1 |
světlý losos | rgb (255, 160, 122) | # FFA07A |
světlezelená | rgb (32, 178, 170) | # 20B2AA |
světle modrá | rgb (135, 206, 250) | # 87CEFA |
světlešedá | rgb (119, 136, 153) | #778899 |
světlešedá | rgb (119, 136, 153) | #778899 |
světleocelová modrá | rgb (176, 196, 222) | # B0C4DE |
světle žlutá | rgb (255, 255, 224) | # FFFFE0 |
vápno | rgb (0, 255, 0) | # 00FF00 |
Limetkově zelená | rgb (50, 205, 50) | # 32CD32 |
prádlo | rgb (250, 240, 230) | # FAF0E6 |
purpurová | rgb (255, 0, 255) | # FF00FF |
kaštanová | rgb (128, 0, 0) | #800000 |
střední akvamarín | rgb (102, 205, 170) | # 66CDAA |
středně modrá | rgb (0, 0, 205) | # 0000CD |
střední orchidej | rgb (186, 85, 211) | # BA55D3 |
středně fialová | rgb (147, 112, 219) | #9370D8 |
středně zelená | rgb (60, 179, 113) | # 3CB371 |
mediumslateblue | rgb (123, 104, 238) | # 7B68EE |
středně jarní zelená | rgb (0, 250, 154) | # 00FA9A |
středně tyrkysová | rgb (72, 209, 204) | # 48D1CC |
středně fialová | rgb (199, 21, 133) | #C71585 |
půlnoč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 |
navajobílá | rgb (255, 222, 173) | #FFDEAD |
námořnictvo | rgb (0, 0, 128) | #000080 |
oldlace | rgb (253, 245, 230) | # FDF5E6 |
olivy | rgb (128, 128, 0) | #808000 |
olivedrab | rgb (107, 142, 35) | # 6B8E23 |
oranžový | rgb (255, 165, 0) | # FFA500 |
oranžová červená | rgb (255, 69, 0) | #FF4500 |
orchidej | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
bledě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 |
broskev | rgb (255, 218, 185) | # FFDAB9 |
Peru | rgb (205, 133, 63) | # CD853F |
růžový | rgb (255, 192, 203) | # FFC0CB |
švestka | rgb (221, 160, 221) | # DDA0DD |
Modrý prášek | rgb (176, 224, 230) | # B0E0E6 |
nachový | rgb (128, 0, 128) | #800080 |
červený | rgb (255, 0, 0) | #FF0000 |
růžově hnědá | rgb (188, 143, 143) | # BC8F8F |
královská modrá | rgb (65, 105, 225) | # 4169E1 |
sedlo hnědá | rgb (139, 69, 19) | #8B4513 |
losos | rgb (250, 128, 114) | # FA8072 |
písečná hnědá | rgb (244, 164, 96) | # F4A460 |
zelené moře | rgb (46, 139, 87) | # 2E8B57 |
mušle | rgb (255, 245, 238) | # FFF5EE |
oranžově žlutá barva | rgb (160, 82, 45) | # A0522D |
stříbro | rgb (192, 192, 192) | # C0C0C0 |
modrá obloha | rgb (135, 206, 235) | # 87CEEB |
břidlicově modrá | rgb (106, 90, 205) | # 6A5ACD |
slategrey | rgb (112, 128, 144) | #708090 |
šedá břidlice | rgb (112, 128, 144) | #708090 |
sníh | rgb (255, 250, 250) | #FFFAFA |
jarní zelená | rgb (0, 255, 127) | # 00FF7F |
ocelově modrá | rgb (70, 130, 180) | #4682B4 |
opálení | rgb (210, 180, 140) | # D2B48C |
modrozelený | rgb (0, 128, 128) | #008080 |
bodlák | rgb (216, 191, 216) | # D8BFD8 |
rajče | rgb (255, 99, 71) | #FF6347 |
tyrkysový | rgb (64, 224, 208) | # 40E0D0 |
fialový | rgb (238, 130, 238) | # EE82EE |
pšenice | rgb (245, 222, 179) | # F5DEB3 |
bílý | rgb (255, 255, 255) | #FFFFFF |
bílý kouř | rgb (245, 245, 245) | # F5F5F5 |
žlutá | rgb (255, 255, 0) | # FFFF00 |
žluto zelená | rgb (154, 205, 50) | # 9ACD32 |
Znáte více barevných kódů? Zveme vás, abyste je uvedli v komentářích, abyste rozšířili seznam.
Buďte první komentář