Hvis du er grafisk designer, eller lige er kommet ind i et billedredigeringsprogram, vil du have set en boks, der gav dig mulighed for at ændre farven, det være sig malerspanden, penslen, bogstaverne ... Det, der måske har gjort dig nysgerrig, er det faktum, at når du vælger en farve, vises den en farvekode, ved hvad det er?
Hvis du nogensinde har undret dig over, hvad disse bogstav- eller talkoder betyder, og du vil vide mere om det, så hjælper vi dig med at forstå vigtigheden af farvekoden, hvorfor de afspejler farver og andre mærkelige detaljer.
Hvad er farvekoden
Vi kan definere farvekoden som en kromatisk område, hvor et web kan vises. Det vil sige de muligheder, der findes, i en palet på omkring 216 farver, for at bestemme, hvordan en hjemmeside vil se ud. Denne kode kan være baseret på tre typer systemer: RGB, HEX og HSL (sidstnævnte nu forældet).
Faktisk er det, farvekoden er til, at tjene som en universel kode for alle browsere på en sådan måde, at det med disse koder opnås, er at gengive de samme toner, enten i Internet Explores, i Firefox Mozilla, i Google Chrome …
Du skal vide det en computer er i stand til at skelne op til 16 millioner farver, så der er mange muligheder for at oprette en hjemmeside eller ændre billeder.
Typer af farvekoder
Som vi har fortalt dig før, er der tre typer systemer:
- RGB. Det er den bedst kendte og består af tre primærfarver, rød, blå og grøn, hvorfra resten af farverne er afledt gennem deres kombination. Hvad angår dens repræsentation, varierer den fra 0 til 255, og koden, der vises, består af tre tal adskilt af kommaer og mellem parenteser.
- hexadecimal. Anvendes mest i HTML og CSS. I dette tilfælde består den af både figurer og bogstaver, der er arrangeret indbyrdes for at få koder, der bestemmer farverne.
- HSL. Allerede forældet, det er baseret på at bruge nuance, mætning og lethed, når du opretter en farve. Det bestemmes af grader og procenter (tre tal adskilt med kommaer og mellem parenteser).
Hvorfor er koder vigtige?
Nu hvor du ved, hvad farvekodning er, er dens anvendelse let at forstå, da Det bruges til at bestemme, hvilken kode der kræves for at en bestemt farve skal vises. Dette fungerer for eksempel på websider. HTML-koden er implicit, hvis et websted har en baggrund af en bestemt farve, hvis skrifttypen er rød, gul, grøn, blå ..., og mange andre anvendelser.
Forstår du hvorfor det er vigtigt? Forestil dig for eksempel, at du har en hjemmeside med rød baggrund. Og du vil ændre den til en tom. Hvis du kendte koden, der bestemmer farven rød, ville du ved hjælp af søgemaskinen i HTML-koden få det sted, hvor denne farve afspejles (linket til baggrundsfarven), og du kunne hurtigt ændre den. Men hvad hvis du ikke har det? Du skal søge, indtil du finder den sektion og teste for at se, hvilken kode der er tæt på den, du ønsker.
Derfor hjælper farvekoden dig med at fremskynde arbejdet, ligesom du kan bruge farver, når du designer en hjemmeside, redigerer et billede mv.
Liste over farver og deres kode Hexadecimal og RGB
For at afslutte vil vi gerne efterlade dig nedenfor en tabel, hvor du kan finde de fleste af de farver, der findes sammen med deres decimalkode (RGB) og hexadecimal så hvis du på noget tidspunkt har brug for at ændre koden, kan du nemt gøre det uden at skulle lede efter det i farvepaletten.
etiket | Decimal (R, G, B) | Hexadecimal |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
antikhvid | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
akvamarin | rgb (127, 255, 212) | # 7FFFD4 |
azurblå | rgb (240, 255, 255) | # F0FFFF |
beige | rgb (245, 245, 220) | # F5F5DC |
bisque | rgb (255, 228, 196) | # FFE4C4 |
sort | rgb (0, 0, 0) | #000000 |
blanchedalmond | rgb (255, 235, 205) | #FFEBCD |
i blå | rgb (0, 0, 255) | # 0000FF |
blåviolet | rgb (138, 43, 226) | # 8A2BE2 |
brun | rgb (165, 42, 42) | # A52A2A |
kraftigt træ | rgb (222, 184, 135) | # DEB887 |
kadetblå | rgb (95, 158, 160) | # 5F9EA0 |
Chartreuse | rgb (127, 255, 0) | # 7FFF00 |
chokolade | rgb (210, 105, 30) | # D2691E |
koral | rgb (255, 127, 80) | # FF7F50 |
kornblomstblå | rgb (100, 149, 237) | # 6495ED |
majsilk | rgb (255, 248, 220) | # FFF8DC |
crimson | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
mørkeblå | rgb (0, 0, 139) | #00008B |
mørkeblå | rgb (0, 139, 139) | # 008B8B |
mørkguld | rgb (184, 134, 11) | #B8860B |
mørkegrå | rgb (169, 169, 169) | # A9A9A9 |
mørkegrøn | rgb (0, 100, 0) | #006400 |
mørkegrå | rgb (169, 169, 169) | # A9A9A9 |
mørkkhaki | rgb (189, 183, 107) | # BDB76B |
mørkmagenta | rgb (139, 0, 139) | # 8B008B |
mørkeolivegrøn | rgb (85, 107, 47) | # 556B2F |
mørk orange | 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øn | rgb (143, 188, 143) | # 8FBC8F |
mørk skiferblå | rgb (72, 61, 139) | # 483D8B |
mørkslagegray | rgb (47, 79, 79) | # 2F4F4F |
mørkeslategrå | rgb (47, 79, 79) | # 2F4F4F |
mørkturkis | rgb (0, 206, 209) | # 00CED1 |
mørkviolet | rgb (148, 0, 211) | # 9400D3 |
dybrød | rgb (255, 20, 147) | # FF1493 |
dyb himmelblå | rgb (0, 191, 255) | # 00BFFF |
grå | rgb (105, 105, 105) | #696969 |
grå | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
ildfaste sten | rgb (178, 34, 34) | #B22222 |
blomstret hvid | rgb (255, 250, 240) | # FFFAF0 |
skovgrøn | rgb (34, 139, 34) | #228B22 |
fuchsia | rgb (255, 0, 255) | # FF00FF |
gainsboro | rgb (220, 220, 220) | #DCDCDC |
spøgelseshvid | rgb (248, 248, 255) | # F8F8FF |
guld | rgb (255, 215, 0) | # FFD700 |
gyldenris | rgb (218, 165, 32) | # DAA520 |
grå | rgb (128, 128, 128) | #808080 |
grøn | rgb (0, 128, 0) | #008000 |
grøn gul | rgb (173, 255, 47) | # ADFF2F |
grå | rgb (128, 128, 128) | #808080 |
honningdug | rgb (240, 255, 240) | # F0FFF0 |
Hot pink | 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 |
græsgrøn | rgb (124, 252, 0) | # 7CFC00 |
citronchiffon | rgb (255, 250, 205) | #FFFACD |
lyseblå | rgb (173, 216, 230) | # ADD8E6 |
lys koral | rgb (240, 128, 128) | # F08080 |
lyscyan | rgb (224, 255, 255) | # E0FFFF |
lyseguldrød gul | rgb (250, 250, 210) | # FAFAD2 |
lysegrå | rgb (211, 211, 211) | # D3D3D3 |
lysegrøn | rgb (144, 238, 144) | # 90EE90 |
lysegrå | rgb (211, 211, 211) | # D3D3D3 |
lyserød | rgb (255, 182, 193) | # FFB6C1 |
lyslaks | rgb (255, 160, 122) | # FFA07A |
lyssøgrøn | rgb (32, 178, 170) | # 20B2AA |
lyseblå | rgb (135, 206, 250) | # 87CEFA |
lysslagregy | rgb (119, 136, 153) | #778899 |
lys skifergrå | rgb (119, 136, 153) | #778899 |
lysstålblå | rgb (176, 196, 222) | # B0C4DE |
lysegul | rgb (255, 255, 224) | # FFFFE0 |
lime | rgb (0, 255, 0) | # 00FF00 |
limegrøn | rgb (50, 205, 50) | #32CD32 |
hør | rgb (250, 240, 230) | # FAF0E6 |
magenta | rgb (255, 0, 255) | # FF00FF |
maroon | rgb (128, 0, 0) | #800000 |
medium akvamarin | rgb (102, 205, 170) | # 66CDAA |
mellemblå | rgb (0, 0, 205) | # 0000CD |
mediumorkidé | rgb (186, 85, 211) | # BA55D3 |
mellemlilla | rgb (147, 112, 219) | # 9370D8 |
mellemsøgrøn | rgb (60, 179, 113) | # 3CB371 |
medium skiferblå | rgb (123, 104, 238) | # 7B68EE |
mellemspringgrøn | rgb (0, 250, 154) | # 00FA9A |
medium turkis | rgb (72, 209, 204) | # 48D1CC |
mellemviolet | rgb (199, 21, 133) | #C71585 |
Midnightblue | rgb (25, 25, 112) | #191970 |
myntecreme | rgb (245, 255, 250) | # F5FFFA |
mistyrose | rgb (255, 228, 225) | # FFE4E1 |
Moccasin | 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 |
appelsin | rgb (255, 165, 0) | # FFA500 |
orangeret | rgb (255, 69, 0) | # FF4500 |
orkidé | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
lysegrøn | rgb (152, 251, 152) | # 98FB98 |
palle turkis | rgb (175, 238, 238) | #AFEEEE |
blegviolet | rgb (219, 112, 147) | # D87093 |
papahawhip | rgb (255, 239, 213) | # FFEFD5 |
ferskenpust | rgb (255, 218, 185) | # FFDAB9 |
peru | rgb (205, 133, 63) | # CD853F |
lyserød | rgb (255, 192, 203) | # FFC0CB |
blomme | rgb (221, 160, 221) | # DDA0DD |
pudderblå | rgb (176, 224, 230) | # B0E0E6 |
lilla | rgb (128, 0, 128) | #800080 |
rød | rgb (255, 0, 0) | # FF0000 |
rosenbrun | 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 |
havgrøn | rgb (46, 139, 87) | # 2E8B57 |
muslingeskal | rgb (255, 245, 238) | # FFF5EE |
sienna | rgb (160, 82, 45) | # A0522D |
sølv | rgb (192, 192, 192) | # C0C0C0 |
Himmelblå | rgb (135, 206, 235) | # 87CEEB |
skiferblå | rgb (106, 90, 205) | # 6A5ACD |
slategray | rgb (112, 128, 144) | #708090 |
skifergrå | rgb (112, 128, 144) | #708090 |
sne | rgb (255, 250, 250) | #FFFAFA |
forårsgrøn | rgb (0, 255, 127) | # 00FF7F |
stålblå | rgb (70, 130, 180) | #4682B4 |
tan | rgb (210, 180, 140) | # D2B48C |
krikand | rgb (0, 128, 128) | #008080 |
tidsel | rgb (216, 191, 216) | # D8BFD8 |
tomat | rgb (255, 99, 71) | # FF6347 |
turkis | rgb (64, 224, 208) | # 40E0D0 |
violet | rgb (238, 130, 238) | # EE82EE |
hvede | rgb (245, 222, 179) | # F5DEB3 |
hvid | rgb (255, 255, 255) | #FFFFFF |
whitesmoke | rgb (245, 245, 245) | # F5F5F5 |
gul | rgb (255, 255, 0) | # FFFF00 |
gul grøn | rgb (154, 205, 50) | # 9ACD32 |
Kender du flere farvekoder? Vi inviterer dig til at skrive dem i kommentarerne for at udvide listen.