Če ste grafični oblikovalec ali ste pravkar začeli uporabljati program za urejanje slik, boste videli polje, ki vam omogoča spreminjanje barve, pa naj bo to vedro barve, čopič, črke ... Morda vas je zanimalo dejstvo, da se, ko izberete barvo, pojavi barvno kodo, veš kaj je?
Če ste se kdaj spraševali, kaj pomenijo te črkovne ali številske kode, in želite izvedeti več o tem, vam pomagamo razumeti pomen barvne kode, zakaj odražajo barve in druge radovedne podrobnosti.
Kakšna je barvna koda
Barvno kodo lahko definiramo kot a kromatsko območje, v katerem se lahko prikaže splet. Se pravi, možnosti, ki obstajajo, v paleti približno 216 barv, da določimo, kako bo spletno mesto izgledalo. Ta koda lahko temelji na treh vrstah sistemov: RGB, HEX in HSL (slednji je zdaj zastarel).
Pravzaprav je barvna koda služiti kot univerzalna koda za vse brskalnike na način, da se s temi kodami doseže, da se reproducirajo enaki toni, bodisi v Internet Explores, v Firefox Mozilla, v Google Chromu …
To morate vedeti računalnik je sposoben razlikovati do 16 milijonov barv, zato obstaja veliko možnosti za ustvarjanje spletne strani ali spreminjanje slik.
Vrste barvnih kod
Kot smo vam že povedali, obstajajo tri vrste sistemov:
- RGB. Je najbolj poznana in je sestavljena iz treh osnovnih barv, rdeče, modre in zelene, iz katerih s kombinacijo nastanejo ostale barve. Kar se tiče njegove predstavitve, se giblje od 0 do 255, koda, ki se pojavi, pa je sestavljena iz treh številk, ločenih z vejicami in med oklepaji.
- Šestnajstiški. Večinoma se uporablja v HTML in CSS. V tem primeru je sestavljen iz številk in črk, ki so razporejene med seboj, da dobijo kode, ki določajo barve.
- HSL. Že ni v uporabi, temelji na uporabi odtenka, nasičenosti in lahkotnosti pri ustvarjanju barve. Določeno je s stopinjami in odstotki (tri številke, ločene z vejicami in v oklepajih).
Zakaj so kode pomembne?
Zdaj, ko veste, kaj je barvno kodiranje, je njegovo uporabo enostavno razumeti, saj Uporablja se za določitev kode, ki je potrebna za prikaz določene barve. To deluje na primer na spletnih straneh. Koda HTML je implicitna, če ima spletno mesto ozadje določene barve, če je pisava rdeča, rumena, zelena, modra ... in številne druge uporabe.
Ali razumete, zakaj je to pomembno? Na primer, predstavljajte si, da imate spletno mesto z rdečim ozadjem. In želite ga spremeniti v prazno. Če bi poznali kodo, ki določa rdečo barvo, bi z iskalnikom v kodi HTML dobili mesto, kjer se ta barva odraža (povezano z barvo ozadja) in bi jo lahko hitro spremenili. Toda kaj, če ga nimate? Iskati bi morali, dokler ne najdete tega razdelka in preizkusite, katera koda je blizu tistemu, kar želite.
Zato vam barvna koda pomaga pospešiti delo, poleg tega pa lahko uporabite barve pri oblikovanju spletne strani, urejanju slike ipd.
Seznam barv in njihova koda Šestnajstiški in RGB
Za konec vas želimo pustiti pod a tabela, v kateri lahko najdete večino obstoječih barv skupaj z njihovo decimalno kodo (RGB) in šestnajstiško tako da lahko kadar koli spremenite kodo, to storite enostavno, ne da bi jo morali iskati v barvni paleti.
Oznaka | decimalka (R, G, B) | Šestnajstiški |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
antiquewhite | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
akvamarin | rgb (127, 255, 212) | # 7FFFD4 |
azure | rgb (240, 255, 255) | # F0FFFF |
bež | rgb (245, 245, 220) | # F5F5DC |
biskvit | rgb (255, 228, 196) | # FFE4C4 |
Črna | rgb (0, 0, 0) | #000000 |
blanširani mandlji | rgb (255, 235, 205) | #FFEBCD |
blue | rgb (0, 0, 255) | # 0000FF |
modrovijolična | rgb (138, 43, 226) | # 8A2BE2 |
rjav | rgb (165, 42, 42) | # A52A2A |
močan les | rgb (222, 184, 135) | # DEB887 |
cadetblue | rgb (95, 158, 160) | # 5F9EA0 |
Chartreuse | rgb (127, 255, 0) | # 7FFF00 |
čokolada | rgb (210, 105, 30) | # D2691E |
in koral. Da vas ima, da bi zagrizel vanj:-) | rgb (255, 127, 80) | # FF7F50 |
koruzno modra | rgb (100, 149, 237) | # 6495ED |
koruzno svilo | rgb (255, 248, 220) | # FFF8DC |
škrlatna | rgb (220, 20, 60) | # DC143C |
cian | rgb (0, 255, 255) | # 00FFFF |
temno modra | rgb (0, 0, 139) | #00008B |
temnocijan | rgb (0, 139, 139) | # 008B8B |
temnozlata rozga | rgb (184, 134, 11) | # B8860B |
temno siva | rgb (169, 169, 169) | # A9A9A9 |
temno zelena | rgb (0, 100, 0) | #006400 |
temno siva | rgb (169, 169, 169) | # A9A9A9 |
temni kaki | rgb (189, 183, 107) | # BDB76B |
temnomagenta | rgb (139, 0, 139) | # 8B008B |
temno zelena | rgb (85, 107, 47) | # 556B2F |
temnorange | rgb (255, 140, 0) | # FF8C00 |
temna orhideja | rgb (153, 50, 204) | # 9932CC |
temno rdeča | rgb (139, 0, 0) | # 8B0000 |
temni losos | rgb (233, 150, 122) | # E9967A |
temnozelena | rgb (143, 188, 143) | # 8FBC8F |
temno modra | rgb (72, 61, 139) | # 483D8B |
temno-siva | rgb (47, 79, 79) | # 2F4F4F |
temno skrilasto siva | rgb (47, 79, 79) | # 2F4F4F |
temnoturkizna | rgb (0, 206, 209) | # 00CED1 |
temno vijolična | rgb (148, 0, 211) | #9400D3 |
globoko roza | rgb (255, 20, 147) | #FF1493 |
globoko modra | rgb (0, 191, 255) | # 00BFFF |
dimgray | rgb (105, 105, 105) | #696969 |
dimgrey | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
ognjevarna opeka | rgb (178, 34, 34) | #B22222 |
cvetlično bela | rgb (255, 250, 240) | # FFFAF0 |
gozdno zelena | rgb (34, 139, 34) | # 228B22 |
fuksija | rgb (255, 0, 255) | # FF00FF |
dobičekboro | rgb (220, 220, 220) | #DCDCDC |
ghostwhite | rgb (248, 248, 255) | # F8F8FF |
zlato | rgb (255, 215, 0) | # FFD700 |
zlata rozga | rgb (218, 165, 32) | # DAA520 |
siva | rgb (128, 128, 128) | #808080 |
Zelene | rgb (0, 128, 0) | #008000 |
zelenkasto | rgb (173, 255, 47) | # ADFF2F |
siva | rgb (128, 128, 128) | #808080 |
medena rosa | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
indijska rdeča | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | # 4B0082 |
slonovine | rgb (255, 255, 240) | # FFFFF0 |
kaki | rgb (240, 230, 140) | # F0E68C |
lavender | rgb (230, 230, 250) | # E6E6FA |
sivkino rdečilo | rgb (255, 240, 245) | # FFF0F5 |
travnik | rgb (124, 252, 0) | # 7CFC00 |
limonšifon | rgb (255, 250, 205) | #FFFACD |
svetlo modra | rgb (173, 216, 230) | # ADD8E6 |
svetlokoralna | rgb (240, 128, 128) | #F08080 |
svetlobni | rgb (224, 255, 255) | # E0FFFF |
svetlogoldenrodrumen | rgb (250, 250, 210) | # FAFAD2 |
svetlo siva | rgb (211, 211, 211) | # D3D3D3 |
svetlo zelena | rgb (144, 238, 144) | # 90EE90 |
svetlo siva | rgb (211, 211, 211) | # D3D3D3 |
lučko | rgb (255, 182, 193) | # FFB6C1 |
svetli losos | rgb (255, 160, 122) | # FFA07A |
svetlozelena | rgb (32, 178, 170) | # 20B2AA |
lightkyblue | rgb (135, 206, 250) | # 87CEFA |
svetlosila | rgb (119, 136, 153) | #778899 |
svetlosila | rgb (119, 136, 153) | #778899 |
svetlo jekleno modra | rgb (176, 196, 222) | # B0C4DE |
svetlo rumena | rgb (255, 255, 224) | # FFFFE0 |
apna | rgb (0, 255, 0) | # 00FF00 |
limetina | rgb (50, 205, 50) | #32CD32 |
Posteljnina | rgb (250, 240, 230) | # FAF0E6 |
magenta | rgb (255, 0, 255) | # FF00FF |
maroon | rgb (128, 0, 0) | #800000 |
srednje akvamarin | rgb (102, 205, 170) | # 66CDAA |
srednja vrednost | rgb (0, 0, 205) | # 0000CD |
srednjeorhideja | rgb (186, 85, 211) | # BA55D3 |
srednje vijolična | rgb (147, 112, 219) | #9370D8 |
srednje morsko zelena | rgb (60, 179, 113) | # 3CB371 |
srednje skrilavec modra | rgb (123, 104, 238) | # 7B68EE |
srednje pomladno zelena | rgb (0, 250, 154) | # 00FA9A |
srednjetirkizna | rgb (72, 209, 204) | # 48D1CC |
srednjevijolično | rgb (199, 21, 133) | #C71585 |
polnočna barva | rgb (25, 25, 112) | #191970 |
metina krema | rgb (245, 255, 250) | # F5FFFA |
mistiroza | rgb (255, 228, 225) | # FFE4E1 |
mokasin | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFDEAD |
mornarica | rgb (0, 0, 128) | #000080 |
stara čipka | rgb (253, 245, 230) | # FDF5E6 |
olivno | rgb (128, 128, 0) | #808000 |
olivedrab | rgb (107, 142, 35) | # 6B8E23 |
Živahno oranžna | rgb (255, 165, 0) | # FFA500 |
oranžno rdeča | rgb (255, 69, 0) | #FF4500 |
orhideja | rgb (218, 112, 214) | # DA70D6 |
bleda zlata rozga | rgb (238, 232, 170) | # EEE8AA |
bledozelena | rgb (152, 251, 152) | # 98FB98 |
paleta turkizna | rgb (175, 238, 238) | #AFEEEE |
bledovijolični | rgb (219, 112, 147) | # D87093 |
papaja bič | rgb (255, 239, 213) | # FFEFD5 |
breskev | rgb (255, 218, 185) | # FFDAB9 |
peru | rgb (205, 133, 63) | # CD853F |
pink | rgb (255, 192, 203) | # FFC0CB |
slive | rgb (221, 160, 221) | # DDA0DD |
pudrasto modra | rgb (176, 224, 230) | # B0E0E6 |
vijolična | rgb (128, 0, 128) | #800080 |
Modra in rdeča. | rgb (255, 0, 0) | #FF0000 |
rožnato rjava | rgb (188, 143, 143) | # BC8F8F |
kraljevsko modra | rgb (65, 105, 225) | # 4169E1 |
sedlarski | rgb (139, 69, 19) | # 8B4513 |
losos | rgb (250, 128, 114) | # FA8072 |
peščeno rjava | rgb (244, 164, 96) | # F4A460 |
morsko zelena | rgb (46, 139, 87) | # 2E8B57 |
školjko | rgb (255, 245, 238) | # FFF5EE |
siena | rgb (160, 82, 45) | # A0522D |
srebrna | rgb (192, 192, 192) | # C0C0C0 |
modro nebo | rgb (135, 206, 235) | # 87CEEB |
skrilavca | rgb (106, 90, 205) | # 6A5ACD |
skrilasto siva | rgb (112, 128, 144) | #708090 |
skrilasto siva | rgb (112, 128, 144) | #708090 |
sneg | rgb (255, 250, 250) | #FFFAFA |
spomladansko zelena | rgb (0, 255, 127) | # 00FF7F |
jekleno modra | rgb (70, 130, 180) | # 4682B4 |
tan | rgb (210, 180, 140) | # D2B48C |
teal | rgb (0, 128, 128) | #008080 |
osat | rgb (216, 191, 216) | # D8BFD8 |
paradižnik | rgb (255, 99, 71) | #FF6347 |
turkizna | rgb (64, 224, 208) | # 40E0D0 |
vijolična | rgb (238, 130, 238) | # EE82EE |
pšenica | rgb (245, 222, 179) | # F5DEB3 |
bele | rgb (255, 255, 255) | #FFFFFF |
beli dim | rgb (245, 245, 245) | # F5F5F5 |
rumene | rgb (255, 255, 0) | # FFFF00 |
rumenozeleno | rgb (154, 205, 50) | # 9ACD32 |
Ali poznate več barvnih kod? Vabimo vas, da jih objavite v komentarjih, da razširite seznam.