Kui olete graafiline disainer või olete kunagi sattunud pilditöötlusprogrammi, olete näinud a kast, mis võimaldas teil värvi muuta, olgu selleks värviämber, pintsel, tähed ... Uudishimulikuks võis teha asjaolu, et värvi valimisel ilmub see värvikood, tead mis see on?
Kui olete kunagi mõelnud, mida need tähe- või numbrikoodid tähendavad, ja soovite selle kohta rohkem teada saada, siis aitame teil mõista värvikoodi tähtsust, miks need peegeldavad värve ja muid huvitavaid detaile.
Mis on värvikood
Värvikoodi saame määratleda kui a värvigamma, milles saab veebi kuvada. See tähendab, et umbes 216 värvipaletis olevad võimalused veebisaidi väljanägemise kindlaksmääramiseks. See kood võib põhineda kolme tüüpi süsteemidel: RGB, HEX ja HSL (viimane on nüüdseks aegunud).
Tegelikult on värvikoodi eesmärk toimida universaalse koodina kõigi brauserite jaoks nii, et nende koodidega saavutatakse samade toonide taasesitamine kas rakenduses Internet Explores, Firefox Mozillas või Google Chrome'is. …
Sa pead seda teadma arvuti on võimeline eristama kuni 16 miljonit värvi, seega on veebisaidi loomiseks või piltide muutmiseks palju võimalusi.
Värvikoodide tüübid
Nagu oleme teile varem öelnud, on kolme tüüpi süsteeme:
- RGB. See on tuntuim ja koosneb kolmest põhivärvist, punasest, sinisest ja rohelisest, millest nende kombinatsiooni kaudu saadakse ülejäänud värvid. Mis puudutab selle esitust, siis see on vahemikus 0 kuni 255 ja kuvatav kood koosneb kolmest numbrist, mis on eraldatud komadega ja sulgudes.
- Kuueteistkümnendsüsteem. Kasutatakse peamiselt HTML-is ja CSS-is. Sel juhul koosneb see nii numbritest kui ka tähtedest, mis on järjestatud omavahel, et saada värve määravad koodid.
- HSL. See on juba aegunud ja põhineb värvi loomisel tooni, küllastuse ja heleduse kasutamisel. See määratakse kraadide ja protsentidega (kolm numbrit, mis on eraldatud komadega ja sulgudes).
Miks on koodid olulised?
Nüüd, kui teate, mis on värvikood, on selle rakendust lihtne mõista, kuna seda kasutatakse konkreetse värvi kuvamiseks vajaliku koodi määramiseks. See toimib näiteks veebilehtedel. HTML-kood on kaudne, kui veebisaidil on teatud värvi taust, kui font on punane, kollane, roheline, sinine ... ja palju muid kasutusviise.
Kas saate aru, miks see oluline on? Kujutage näiteks ette, et teil on punase taustaga veebisait. Ja soovite selle tühjaks muuta. Kui teaksite koodi, mis määrab punase värvi, saaksite HTML-koodis otsingumootorit kasutades kätte koha, kus see värv kajastub (seotud taustavärviga) ja saaksite seda kiiresti muuta. Aga mis siis, kui sul seda pole? Peaksite otsima, kuni leiate selle jaotise, ja testima, milline kood on soovitud koodile lähedane.
Seetõttu aitab värvikood Sul tööd kiirendada, samuti on võimalik värve kasutada kodulehe kujundamisel, pildi töötlemisel jne.
Värvide loetelu ja nende kood Hexadecimal ja RGB
Lõpetuseks jätame teid allpool a tabel, kust leiate enamiku olemasolevatest värvidest koos nende kümnendkoodi (RGB) ja kuueteistkümnendsüsteemiga nii et kui teil on igal ajal vaja koodi muuta, saate seda hõlpsalt teha, ilma et peaksite seda värvipaletist otsima.
Silt | Kümnend (R, G, B) | Hexadecimal |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
antiikvalge | rgb (250, 235, 215) | # FAEBD7 |
vesi | rgb (0, 255, 255) | # 00FFFF |
akvamariin | rgb (127, 255, 212) | # 7FFFD4 |
taevasina | rgb (240, 255, 255) | # F0FFFF |
beež | rgb (245, 245, 220) | # F5F5DC |
biskviit | rgb (255, 228, 196) | # FFE4C4 |
must | rgb (0, 0, 0) | #000000 |
blanšeeritud mandel | rgb (255, 235, 205) | #FFEBCD |
sinine | rgb (0, 0, 255) | # 0000FF |
sinineviolett | rgb (138, 43, 226) | # 8A2BE2 |
pruun | rgb (165, 42, 42) | # A52A2A |
jäme puit | rgb (222, 184, 135) | # DEB887 |
kadettsinine | rgb (95, 158, 160) | # 5F9EA0 |
chartreuse | rgb (127, 255, 0) | # 7FFF00 |
šokolaad | rgb (210, 105, 30) | # D2691E |
korall | rgb (255, 127, 80) | # FF7F50 |
rukkilillesinine | rgb (100, 149, 237) | # 6495ED |
maissiid | rgb (255, 248, 220) | # FFF8DC |
karmiinpunane | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
tumesinine | rgb (0, 0, 139) | #00008B |
tumetsüaan | rgb (0, 139, 139) | # 008B8B |
tume kuldvits | rgb (184, 134, 11) | # B8860B |
tumehall | rgb (169, 169, 169) | # A9A9A9 |
tumeroheline | rgb (0, 100, 0) | #006400 |
tumehall | rgb (169, 169, 169) | # A9A9A9 |
tumekhaki | rgb (189, 183, 107) | # BDB76B |
tumemagenta | rgb (139, 0, 139) | # 8B008B |
tumeroheline | rgb (85, 107, 47) | # 556B2F |
tume oranž | rgb (255, 140, 0) | # FF8C00 |
Darkorchid | rgb (153, 50, 204) | # 9932CC |
pimendatud | rgb (139, 0, 0) | # 8B0000 |
tumelõhe | rgb (233, 150, 122) | # E9967A |
tumeroheline | rgb (143, 188, 143) | # 8FBC8F |
tume kiltkivisinine | rgb (72, 61, 139) | # 483D8B |
tume kiltkivihall | rgb (47, 79, 79) | # 2F4F4F |
tume kiltkivihall | rgb (47, 79, 79) | # 2F4F4F |
tume türkiissinine | rgb (0, 206, 209) | # 00CED1 |
tumevioletne | rgb (148, 0, 211) | # 9400D3 |
sügavroosa | rgb (255, 20, 147) | #FF1493 |
sügav taevasinine | rgb (0, 191, 255) | # 00BFFF |
hämar | rgb (105, 105, 105) | #696969 |
hämar | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
tulekindel tellis | rgb (178, 34, 34) | #B22222 |
lilleline valge | rgb (255, 250, 240) | # FFFAF0 |
metsaroheline | rgb (34, 139, 34) | # 228B22 |
fuksia | rgb (255, 0, 255) | # FF00FF |
gainsboro | rgb (220, 220, 220) | #DCDCDC |
kummitusvalge | rgb (248, 248, 255) | # F8F8FF |
kuld | rgb (255, 215, 0) | # FFD700 |
kuldnokk | rgb (218, 165, 32) | # DAA520 |
hall | rgb (128, 128, 128) | #808080 |
roheline | rgb (0, 128, 0) | #008000 |
rohekollane | rgb (173, 255, 47) | # ADFF2F |
hall | rgb (128, 128, 128) | #808080 |
kärbes | rgb (240, 255, 240) | # F0FFF0 |
soe roosa | rgb (255, 105, 180) | # FF69B4 |
indiaanlane | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | # 4B0082 |
elevandiluu | rgb (255, 255, 240) | # FFFFF0 |
khaki | rgb (240, 230, 140) | # F0E68C |
lavendel | rgb (230, 230, 250) | # E6E6FA |
lavendlipunane | rgb (255, 240, 245) | # FFF0F5 |
mururoheline | rgb (124, 252, 0) | # 7CFC00 |
sidrunisifoon | rgb (255, 250, 205) | #FFFACD |
helesinine | rgb (173, 216, 230) | # ADD8E6 |
helekooriline | rgb (240, 128, 128) | #F08080 |
heletsüaan | rgb (224, 255, 255) | # E0FFFF |
helekuldne kollane | rgb (250, 250, 210) | # FAFAD2 |
helehall | rgb (211, 211, 211) | # D3D3D3 |
heleroheline | rgb (144, 238, 144) | # 90EE90 |
lightgrey | rgb (211, 211, 211) | # D3D3D3 |
heleroosa | rgb (255, 182, 193) | # FFB6C1 |
kerge lõhe | rgb (255, 160, 122) | # FFA07A |
helemereroheline | rgb (32, 178, 170) | # 20B2AA |
helesinine | rgb (135, 206, 250) | # 87CEFA |
hele kiltkivihall | rgb (119, 136, 153) | #778899 |
kerge kiltkivihall | rgb (119, 136, 153) | #778899 |
heleterassinine | rgb (176, 196, 222) | # B0C4DE |
helekollane | rgb (255, 255, 224) | # FFFFE0 |
laim | rgb (0, 255, 0) | # 00FF00 |
lubjaroheline | rgb (50, 205, 50) | # 32CD32 |
linane | rgb (250, 240, 230) | # FAF0E6 |
fuksiinpunane | rgb (255, 0, 255) | # FF00FF |
kastanpruun | rgb (128, 0, 0) | #800000 |
keskmine akvamariin | rgb (102, 205, 170) | # 66CDAA |
keskmist sinist | rgb (0, 0, 205) | # 0000CD |
keskpärane | rgb (186, 85, 211) | # BA55D3 |
keskmine lilla | rgb (147, 112, 219) | # 9370D8 |
keskmine mereroheline | rgb (60, 179, 113) | # 3CB371 |
keskmine kiltsinine | rgb (123, 104, 238) | # 7B68EE |
keskmine kevadroheline | rgb (0, 250, 154) | # 00FA9A |
keskmine türkiissinine | rgb (72, 209, 204) | # 48D1CC |
keskvioletne | rgb (199, 21, 133) | # C71585 |
kesköö sinine | rgb (25, 25, 112) | #191970 |
piparmündikreem | rgb (245, 255, 250) | # F5FFFA |
udune | rgb (255, 228, 225) | # FFE4E1 |
mokasiin | rgb (255, 228, 181) | # FFE4B5 |
navajovalge | rgb (255, 222, 173) | #FFDEAD |
merevägi | rgb (0, 0, 128) | #000080 |
vana pits | rgb (253, 245, 230) | # FDF5E6 |
õlipuu | rgb (128, 128, 0) | #808000 |
oliivitraab | rgb (107, 142, 35) | # 6B8E23 |
oranž | rgb (255, 165, 0) | # FFA500 |
oranžitud | rgb (255, 69, 0) | #FF4500 |
orhidee | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
kahvaturoheline | rgb (152, 251, 152) | # 98FB98 |
kaubaaluste türkiissinine | rgb (175, 238, 238) | #TASUTA |
kahvatuvioletne | rgb (219, 112, 147) | # D87093 |
paavstiriik | rgb (255, 239, 213) | # FFEFD5 |
virsikupuu | rgb (255, 218, 185) | # FFDAB9 |
Peruu | rgb (205, 133, 63) | # CD853F |
roosa | rgb (255, 192, 203) | # FFC0CB |
ploom | rgb (221, 160, 221) | # DDA0DD |
puudersinine | rgb (176, 224, 230) | # B0E0E6 |
purpurne | rgb (128, 0, 128) | #800080 |
punane | rgb (255, 0, 0) | #FF0000 |
roosakaspruun | rgb (188, 143, 143) | # BC8F8F |
sügavsinine | rgb (65, 105, 225) | # 4169E1 |
sadulapruun | rgb (139, 69, 19) | # 8B4513 |
lõhe | rgb (250, 128, 114) | # FA8072 |
liivapruun | rgb (244, 164, 96) | # F4A460 |
mereroheline | rgb (46, 139, 87) | # 2E8B57 |
merekarp | rgb (255, 245, 238) | # FFF5EE |
Sienna | rgb (160, 82, 45) | # A0522D |
hõbe | rgb (192, 192, 192) | # C0C0C0 |
taevasinine | rgb (135, 206, 235) | # 87CEEB |
kiltkivi sinine | rgb (106, 90, 205) | # 6A5ACD |
kiltkivi | rgb (112, 128, 144) | #708090 |
kiltkivihall | rgb (112, 128, 144) | #708090 |
lumi | rgb (255, 250, 250) | #FFFAFA |
kevadroheline | rgb (0, 255, 127) | # 00FF7F |
terassinine | rgb (70, 130, 180) | # 4682B4 |
päevitus | rgb (210, 180, 140) | # D2B48C |
meresinine | rgb (0, 128, 128) | #008080 |
ohakas | rgb (216, 191, 216) | # D8BFD8 |
tomat | rgb (255, 99, 71) | #FF6347 |
türkiis | rgb (64, 224, 208) | # 40E0D0 |
lilla | rgb (238, 130, 238) | # EE82EE |
nisu | rgb (245, 222, 179) | # F5DEB3 |
valge | rgb (255, 255, 255) | #ffffff |
valge suits | rgb (245, 245, 245) | # F5F5F5 |
kollane | rgb (255, 255, 0) | # FFFF00 |
kollane roheline | rgb (154, 205, 50) | # 9ACD32 |
Kas teate rohkem värvikoode? Kutsume teid loendi laiendamiseks need kommentaaridesse panema.