Hvis du er en grafisk designer, eller bare noen gang har kommet inn i et bilderedigeringsprogram, vil du ha sett en boks som tillot deg å endre fargen, det være seg malingsbøtta, penselen, bokstavene ... Det som kan ha gjort deg nysgjerrig er det faktum at når du velger en farge, vises den en fargekode, vet du hva det er?
Hvis du noen gang har lurt på hva disse bokstav- eller tallkodene betyr, og du vil vite mer om det, så hjelper vi deg å forstå viktigheten av fargekoden, hvorfor de reflekterer farger og andre nysgjerrige detaljer.
Hva er fargekoden
Vi kan definere fargekoden som en fargespekter der en nett kan vises. Det vil si mulighetene som finnes, i en palett på rundt 216 farger, for å bestemme hvordan en nettside vil se ut. Denne koden kan være basert på tre typer systemer: RGB, HEX og HSL (sistnevnte nå avviklet).
Egentlig er det fargekoden er for å tjene som en universell kode for alle nettlesere på en slik måte at det med disse kodene oppnås er å reprodusere de samme tonene, enten i Internet Explores, i Firefox Mozilla, i Google Chrome …
Vet at en datamaskin er i stand til å skille opptil 16 millioner farger, så det er mange muligheter for å lage et nettsted eller å endre bilder.
Typer fargekoder
Som vi har fortalt deg tidligere, er det tre typer systemer:
- RGB. Den er den mest kjente og består av tre primærfarger, rød, blå og grønn, hvorfra, gjennom kombinasjonen, resten av fargene er avledet. Når det gjelder representasjonen, varierer den fra 0 til 255, og koden som vises er sammensatt av tre figurer atskilt med komma og mellom parentes.
- Heksadesimal. Brukes mest i HTML og CSS. I dette tilfellet består den av både tall og bokstaver som er ordnet innbyrdes for å få koder som bestemmer fargene.
- HSL. Allerede ute av bruk er den basert på å bruke fargetonen, metningen og lysheten når du lager en farge. Det bestemmes av grader og prosenter (tre tall atskilt med komma og mellom parenteser).
Hvorfor er koder viktige?
Nå som du vet hva fargekoding er, er applikasjonen lett å forstå, siden Den brukes til å bestemme hvilken kode som kreves for at en bestemt farge skal vises. Dette fungerer for eksempel på nettsider. HTML-koden er implisitt hvis et nettsted har en bakgrunn med en bestemt farge, hvis skriften er rød, gul, grønn, blå ..., og mange andre bruksområder.
Forstår du hvorfor det er viktig? Tenk deg for eksempel at du har en nettside med rød bakgrunn. Og du vil endre den til en tom. Hvis du kjente til koden som bestemmer fargen rød, ville du ved å bruke søkemotoren i HTML-koden få stedet hvor denne fargen reflekteres (lenket til bakgrunnsfargen), og du kan raskt endre den. Men hva om du ikke har det? Du må søke til du finner den delen og teste for å se hvilken kode som er nær den du vil ha.
Derfor hjelper fargekoden deg med å få fart på arbeidet, samt å kunne bruke farger når du skal designe en nettside, redigere et bilde osv.
Liste over farger og deres kode Heksadesimal og RGB
Til slutt vil vi forlate deg under en tabell der du kan finne de fleste fargene som finnes sammen med deres desimalkode (RGB) og heksadesimal slik at hvis du når som helst trenger å endre koden, kan du gjøre det enkelt uten å måtte lete etter det i fargepaletten.
etikett | Desimal (R, G, B) | Heksadesimal |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
antikkhvit | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
akvamarin | rgb (127, 255, 212) | # 7FFFD4 |
asurblå | rgb (240, 255, 255) | # F0FFFF |
beige | rgb (245, 245, 220) | # F5F5DC |
kjeks | rgb (255, 228, 196) | # FFE4C4 |
svart | rgb (0, 0, 0) | #000000 |
blanchedalmond | rgb (255, 235, 205) | #FFEBCD |
blå | rgb (0, 0, 255) | # 0000FF |
blå fiolett | rgb (138, 43, 226) | # 8A2BE2 |
brun | rgb (165, 42, 42) | # A52A2A |
kraftig tre | rgb (222, 184, 135) | # DEB887 |
kadettblå | rgb (95, 158, 160) | # 5F9EA0 |
kartbruk | rgb (127, 255, 0) | # 7FFF00 |
sjokolade | rgb (210, 105, 30) | # D2691E |
korall | rgb (255, 127, 80) | # FF7F50 |
kornblomstblå | rgb (100, 149, 237) | # 6495ED |
Mais silke | rgb (255, 248, 220) | # FFF8DC |
crimson | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
mørke blå | rgb (0, 0, 139) | #00008B |
mørkeblå | rgb (0, 139, 139) | # 008B8B |
mørkgullris | rgb (184, 134, 11) | #B8860B |
mørkegrå | rgb (169, 169, 169) | # A9A9A9 |
mørk grønn | rgb (0, 100, 0) | #006400 |
mørk grå | rgb (169, 169, 169) | # A9A9A9 |
mørkkhaki | rgb (189, 183, 107) | # BDB76B |
mørk magenta | rgb (139, 0, 139) | # 8B008B |
mørkeolivegrønn | rgb (85, 107, 47) | # 556B2F |
mørk oransje | rgb (255, 140, 0) | # FF8C00 |
mørkorkidé | rgb (153, 50, 204) | # 9932CC |
mørkerød | rgb (139, 0, 0) | # 8B0000 |
mørk laks | rgb (233, 150, 122) | # E9967A |
mørkegrønn | rgb (143, 188, 143) | # 8FBC8F |
mørk skiferblå | rgb (72, 61, 139) | # 483D8B |
mørkslagegray | rgb (47, 79, 79) | # 2F4F4F |
mørk skifergrå | rgb (47, 79, 79) | # 2F4F4F |
mørkturkis | rgb (0, 206, 209) | # 00CED1 |
mørkfiolett | rgb (148, 0, 211) | # 9400D3 |
dyprosa | rgb (255, 20, 147) | # FF1493 |
dyp himmelblå | rgb (0, 191, 255) | # 00BFFF |
grått | rgb (105, 105, 105) | #696969 |
mørkegrå | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
brannstein | rgb (178, 34, 34) | #B22222 |
floralwhite | rgb (255, 250, 240) | # FFFAF0 |
Skoggrønn | rgb (34, 139, 34) | # 228B22 |
fuchsia | rgb (255, 0, 255) | # FF00FF |
Gainsboro | rgb (220, 220, 220) | #DCDCDC |
ghostwhite | rgb (248, 248, 255) | # F8F8FF |
gull | rgb (255, 215, 0) | # FFD700 |
gullrod | rgb (218, 165, 32) | # DAA520 |
grå | rgb (128, 128, 128) | #808080 |
grønn | rgb (0, 128, 0) | #008000 |
grønn gul | rgb (173, 255, 47) | # ADFF2F |
grå | rgb (128, 128, 128) | #808080 |
honning dugg | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
indisk rød | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | # 4B0082 |
elfenben | rgb (255, 255, 240) | # FFFFF0 |
khaki | rgb (240, 230, 140) | # F0E68C |
lavendel | rgb (230, 230, 250) | # E6E6FA |
lavendelblush | rgb (255, 240, 245) | # FFF0F5 |
plengrønn | rgb (124, 252, 0) | # 7CFC00 |
sitronchiffon | rgb (255, 250, 205) | #FFFACD |
lyse blå | rgb (173, 216, 230) | # ADD8E6 |
lyskorall | rgb (240, 128, 128) | # F08080 |
lyscyan | rgb (224, 255, 255) | # E0FFFF |
lysegoldenrodyellow | rgb (250, 250, 210) | # FAFAD2 |
lys grå | rgb (211, 211, 211) | # D3D3D3 |
lysegrønn | rgb (144, 238, 144) | # 90EE90 |
lysegrå | rgb (211, 211, 211) | # D3D3D3 |
lyserosa | rgb (255, 182, 193) | # FFB6C1 |
lyslaks | rgb (255, 160, 122) | # FFA07A |
lyssjøgrønn | rgb (32, 178, 170) | # 20B2AA |
lyseblå | rgb (135, 206, 250) | # 87CEFA |
lysslagegray | rgb (119, 136, 153) | #778899 |
lys skifergrå | rgb (119, 136, 153) | #778899 |
lys stålblå | rgb (176, 196, 222) | # B0C4DE |
lys gul | rgb (255, 255, 224) | # FFFFE0 |
lime | rgb (0, 255, 0) | # 00FF00 |
lime grønn | rgb (50, 205, 50) | # 32CD32 |
lin | rgb (250, 240, 230) | # FAF0E6 |
magenta | rgb (255, 0, 255) | # FF00FF |
maroon | rgb (128, 0, 0) | #800000 |
medium akvamarin | rgb (102, 205, 170) | # 66CDAA |
middelsblå | rgb (0, 0, 205) | # 0000CD |
mediumorkidé | rgb (186, 85, 211) | # BA55D3 |
middels lilla | rgb (147, 112, 219) | # 9370D8 |
mediumsjøgrønn | rgb (60, 179, 113) | # 3CB371 |
medium skiferblå | rgb (123, 104, 238) | # 7B68EE |
mellomfjærgrønn | rgb (0, 250, 154) | # 00FA9A |
middels turkis | rgb (72, 209, 204) | # 48D1CC |
middels fiolett | rgb (199, 21, 133) | #C71585 |
midnatt blå | rgb (25, 25, 112) | #191970 |
myntekrem | rgb (245, 255, 250) | # F5FFFA |
mistyrose | rgb (255, 228, 225) | # FFE4E1 |
mokkasin | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFDEAD |
navy | rgb (0, 0, 128) | #000080 |
oldlace | rgb (253, 245, 230) | # FDF5E6 |
oliven | rgb (128, 128, 0) | #808000 |
olivenrab | rgb (107, 142, 35) | # 6B8E23 |
orange | rgb (255, 165, 0) | # FFA500 |
oransje rød | rgb (255, 69, 0) | # FF4500 |
orkide | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
blek grønn | rgb (152, 251, 152) | # 98FB98 |
pall turkis | rgb (175, 238, 238) | #AFEEEE |
blekfiolett | rgb (219, 112, 147) | # D87093 |
papayawhip | rgb (255, 239, 213) | # FFEFD5 |
ferskenpuff | rgb (255, 218, 185) | # FFDAB9 |
peru | rgb (205, 133, 63) | # CD853F |
rosa | rgb (255, 192, 203) | # FFC0CB |
plomme | rgb (221, 160, 221) | # DDA0DD |
pulver blå | rgb (176, 224, 230) | # B0E0E6 |
lilla | rgb (128, 0, 128) | #800080 |
rød | rgb (255, 0, 0) | # FF0000 |
rosabrun | rgb (188, 143, 143) | # BC8F8F |
kongeblå | rgb (65, 105, 225) | # 4169E1 |
Saddlebrown | rgb (139, 69, 19) | # 8B4513 |
laks | rgb (250, 128, 114) | # FA8072 |
sandbrun | rgb (244, 164, 96) | # F4A460 |
sjøgrønn | rgb (46, 139, 87) | # 2E8B57 |
skjell | rgb (255, 245, 238) | # FFF5EE |
sienna | rgb (160, 82, 45) | # A0522D |
sølv | rgb (192, 192, 192) | # C0C0C0 |
skyblue | rgb (135, 206, 235) | # 87CEEB |
skiferblå | rgb (106, 90, 205) | # 6A5ACD |
slategray | rgb (112, 128, 144) | #708090 |
skifergrå | rgb (112, 128, 144) | #708090 |
snø | rgb (255, 250, 250) | #FFFAFA |
vårgrønn | rgb (0, 255, 127) | # 00FF7F |
stålblå | rgb (70, 130, 180) | # 4682B4 |
tan | rgb (210, 180, 140) | # D2B48C |
Teal | rgb (0, 128, 128) | #008080 |
tistel | rgb (216, 191, 216) | # D8BFD8 |
tomat | rgb (255, 99, 71) | # FF6347 |
turkis | rgb (64, 224, 208) | # 40E0D0 |
fiolett | rgb (238, 130, 238) | # EE82EE |
hvete | rgb (245, 222, 179) | # F5DEB3 |
hvit | rgb (255, 255, 255) | # FFFFFF |
hvitrøyk | rgb (245, 245, 245) | # F5F5F5 |
gul | rgb (255, 255, 0) | # FFFF00 |
gul-grønn | rgb (154, 205, 50) | # 9ACD32 |
Kan du flere fargekoder? Vi inviterer deg til å legge dem i kommentarene for å utvide listen.