Om du är en grafisk designer, eller bara har kommit in i ett bildredigeringsprogram, har du sett en ruta som gjorde att du kunde ändra färgen, vare sig det är färghinken, penseln, bokstäverna ... Det som kan ha gjort dig nyfiken är det faktum att när du väljer en färg så dyker det upp en färgkod, vet du vad det är?
Om du någonsin har undrat vad dessa bokstavs- eller sifferkoder betyder och du vill veta mer om det, då hjälper vi dig att förstå vikten av färgkoden, varför de speglar färger och andra märkliga detaljer.
Vad är färgkoden
Vi kan definiera färgkoden som en färgomfång där en webb kan visas. Det vill säga de möjligheter som finns, i en palett med cirka 216 färger, att avgöra hur en hemsida kommer att se ut. Den här koden kan baseras på tre typer av system: RGB, HEX och HSL (den senare är nu utfasad).
Egentligen, vad färgkoden är till för är att fungera som en universell kod för alla webbläsare på ett sådant sätt att, med dessa koder, vad som uppnås är att återskapa samma toner, antingen i Internet Explores, i Firefox Mozilla, i Google Chrome …
Vet att en dator kan urskilja upp till 16 miljoner färger, så det finns många möjligheter att skapa en webbplats eller att ändra bilder.
Typer av färgkoder
Som vi har berättat tidigare finns det tre typer av system:
- RGB. Det är den mest kända och består av tre primära färger, röd, blå och grön, från vilka, genom sin kombination, resten av färgerna härrör. När det gäller dess representation varierar den från 0 till 255 och koden som visas består av tre siffror separerade med kommatecken och mellan parenteser.
- hexadecimal. Används mest i HTML och CSS. I det här fallet består den av både siffror och bokstäver som är ordnade sinsemellan för att få koder som bestämmer färgerna.
- HSL. Redan i urbruk baseras den på att använda nyansen, mättnaden och ljusheten när man skapar en färg. Den bestäms av grader och procentsatser (tre siffror separerade med kommatecken och inom parentes).
Varför är koder viktiga?
Nu när du vet vad färgkodning är, är dess tillämpning lätt att förstå, eftersom Den används för att bestämma vilken kod som krävs för att en viss färg ska visas. Detta fungerar till exempel på webbsidor. HTML-koden är implicit om en webbplats har en bakgrund av en viss färg, om teckensnittet är rött, gult, grönt, blått ... och många andra användningsområden.
Förstår du varför det är viktigt? Tänk dig till exempel att du har en webbplats med röd bakgrund. Och du vill ändra den till en tom. Om du kände till koden som bestämmer färgen röd, med hjälp av sökmotorn i HTML-koden skulle du få platsen där denna färg reflekteras (länkad till bakgrundsfärgen) och du kan snabbt ändra den. Men vad händer om du inte har det? Du bör leta tills du hittar det avsnittet och testa för att se vilken kod som är nära det du vill ha.
Därför hjälper färgkoden dig att snabba på arbetet, samt att kunna använda färger när du designar en hemsida, redigerar en bild osv.
Lista över färger och deras kod Hexadecimal och RGB
För att avsluta vill vi lämna dig nedan tabell där du kan hitta de flesta av de färger som finns tillsammans med deras decimalkod (RGB) och hexadecimal så att om du någon gång behöver ändra koden kan du göra det enkelt utan att behöva leta efter det i färgpaletten.
Tag | Decimal (R, G, B) | Hexadecimal |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
antikvit | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
akvamarin | rgb (127, 255, 212) | # 7FFFD4 |
azure | rgb (240, 255, 255) | # F0FFFF |
beige | rgb (245, 245, 220) | # F5F5DC |
kex | rgb (255, 228, 196) | # FFE4C4 |
svart | rgb (0, 0, 0) | #000000 |
blanchedalmond | rgb (255, 235, 205) | #FFEBCD |
blå | rgb (0, 0, 255) | # 0000FF |
blåviolett | rgb (138, 43, 226) | # 8A2BE2 |
brun | rgb (165, 42, 42) | # A52A2A |
kraftigt trä | rgb (222, 184, 135) | # DEB887 |
kadettblå | rgb (95, 158, 160) | # 5F9EA0 |
Chartreuse | rgb (127, 255, 0) | # 7FFF00 |
choklad | rgb (210, 105, 30) | # D2691E |
korall | rgb (255, 127, 80) | # FF7F50 |
blåklintblå | rgb (100, 149, 237) | # 6495ED |
kornsilk | rgb (255, 248, 220) | # FFF8DC |
röd | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
mörkblå | rgb (0, 0, 139) | #00008B |
mörkblå | rgb (0, 139, 139) | # 008B8B |
mörkguldröd | rgb (184, 134, 11) | #B8860B |
mörkgrå | rgb (169, 169, 169) | # A9A9A9 |
mörkgrön | rgb (0, 100, 0) | #006400 |
mörkgrå | rgb (169, 169, 169) | # A9A9A9 |
mörkkhaki | rgb (189, 183, 107) | # BDB76B |
mörkmagenta | rgb (139, 0, 139) | # 8B008B |
mörkolivgrön | rgb (85, 107, 47) | # 556B2F |
mörkorange | rgb (255, 140, 0) | # FF8C00 |
mörkorkidé | rgb (153, 50, 204) | # 9932CC |
mörkröd | rgb (139, 0, 0) | # 8B0000 |
mörklax | rgb (233, 150, 122) | # E9967A |
mörkt havsgrönt | rgb (143, 188, 143) | # 8FBC8F |
mörkt skifferblå | rgb (72, 61, 139) | # 483D8B |
mörkslategray | rgb (47, 79, 79) | # 2F4F4F |
mörkgrått | rgb (47, 79, 79) | # 2F4F4F |
mörkturkos | rgb (0, 206, 209) | # 00CED1 |
mörkviolett | rgb (148, 0, 211) | # 9400D3 |
djuprosa | rgb (255, 20, 147) | # FF1493 |
djupt himmelsblått | rgb (0, 191, 255) | # 00BFFF |
mörkgrå | rgb (105, 105, 105) | #696969 |
mörkgrå | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
eldfast tegel | rgb (178, 34, 34) | #B22222 |
blommig vit | rgb (255, 250, 240) | # FFFAF0 |
skog grön | rgb (34, 139, 34) | # 228B22 |
fuchsia | rgb (255, 0, 255) | # FF00FF |
gainsboro | rgb (220, 220, 220) | #DCDCDC |
spökvit | rgb (248, 248, 255) | # F8F8FF |
guld- | rgb (255, 215, 0) | # FFD700 |
gullris | 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 |
honungsdagg | rgb (240, 255, 240) | # F0FFF0 |
skrikrosa | 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önt | rgb (124, 252, 0) | # 7CFC00 |
citronchiffon | rgb (255, 250, 205) | #FFFACD |
ljusblå | rgb (173, 216, 230) | # ADD8E6 |
ljuskorall | rgb (240, 128, 128) | #F08080 |
ljuscyan | rgb (224, 255, 255) | # E0FFFF |
ljusgyllene rödgul | rgb (250, 250, 210) | # FAFAD2 |
ljusgrå | rgb (211, 211, 211) | # D3D3D3 |
ljusgrön | rgb (144, 238, 144) | # 90EE90 |
ljusgrå | rgb (211, 211, 211) | # D3D3D3 |
ljusrosa | rgb (255, 182, 193) | # FFB6C1 |
ljuslax | rgb (255, 160, 122) | # FFA07A |
ljussjögrön | rgb (32, 178, 170) | # 20B2AA |
ljusblå | rgb (135, 206, 250) | # 87CEFA |
lightslagray | rgb (119, 136, 153) | #778899 |
ljusskiffergrå | rgb (119, 136, 153) | #778899 |
ljusstålblå | rgb (176, 196, 222) | # B0C4DE |
ljusgul | rgb (255, 255, 224) | # FFFFE0 |
lime | rgb (0, 255, 0) | #00FF00 |
limegrön | rgb (50, 205, 50) | #32CD32 |
linne | rgb (250, 240, 230) | # FAF0E6 |
magenta | rgb (255, 0, 255) | # FF00FF |
rödbrun | rgb (128, 0, 0) | #800000 |
mediumakvamarin | rgb (102, 205, 170) | # 66CDAA |
medelblå | rgb (0, 0, 205) | # 0000CD |
mediumorkidé | rgb (186, 85, 211) | # BA55D3 |
mediumlila | rgb (147, 112, 219) | # 9370D8 |
medelhavsgrön | rgb (60, 179, 113) | # 3CB371 |
mellanskifferblå | rgb (123, 104, 238) | # 7B68EE |
mellanvårgrön | rgb (0, 250, 154) | # 00FA9A |
medium turkos | rgb (72, 209, 204) | # 48D1CC |
medelviolett | rgb (199, 21, 133) | #C71585 |
midnattsblå | rgb (25, 25, 112) | #191970 |
mintkräm | rgb (245, 255, 250) | # F5FFFA |
mistyros | rgb (255, 228, 225) | # FFE4E1 |
mockasin | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFDEAD |
marinblå | rgb (0, 0, 128) | #000080 |
gammalspets | rgb (253, 245, 230) | # FDF5E6 |
oliv | rgb (128, 128, 0) | #808000 |
olivedrab | rgb (107, 142, 35) | # 6B8E23 |
apelsin | rgb (255, 165, 0) | # FFA500 |
orangered | rgb (255, 69, 0) | # FF4500 |
orkide | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
ljusgrön | rgb (152, 251, 152) | # 98FB98 |
pall turkos | rgb (175, 238, 238) | #AFEEEE |
blekviolett | rgb (219, 112, 147) | #D87093 |
papayawhip | rgb (255, 239, 213) | # FFEFD5 |
persikamuff | rgb (255, 218, 185) | # FFDAB9 |
Peru | rgb (205, 133, 63) | # CD853F |
rosa | rgb (255, 192, 203) | # FFC0CB |
plommon | rgb (221, 160, 221) | # DDA0DD |
puderblå | rgb (176, 224, 230) | # B0E0E6 |
purpur | rgb (128, 0, 128) | #800080 |
röd | rgb (255, 0, 0) | # FF0000 |
rosabrun | rgb (188, 143, 143) | # BC8F8F |
kungsblå | rgb (65, 105, 225) | # 4169E1 |
Saddlebrown | rgb (139, 69, 19) | # 8B4513 |
lax | rgb (250, 128, 114) | # FA8072 |
sandbrun | rgb (244, 164, 96) | # F4A460 |
havsgrön | rgb (46, 139, 87) | # 2E8B57 |
snäckskal | rgb (255, 245, 238) | # FFF5EE |
sienna | rgb (160, 82, 45) | # A0522D |
silver- | rgb (192, 192, 192) | # C0C0C0 |
himmelsblå | rgb (135, 206, 235) | # 87CEEB |
slateblue | rgb (106, 90, 205) | # 6A5ACD |
Skiffer grå | rgb (112, 128, 144) | #708090 |
skiffergrå | rgb (112, 128, 144) | #708090 |
snö | rgb (255, 250, 250) | #FFFAFA |
vårgrön | rgb (0, 255, 127) | # 00FF7F |
stålblå | rgb (70, 130, 180) | # 4682B4 |
tan | rgb (210, 180, 140) | # D2B48C |
kricka | rgb (0, 128, 128) | #008080 |
tistel | rgb (216, 191, 216) | # D8BFD8 |
tomat | rgb (255, 99, 71) | # FF6347 |
turkos | rgb (64, 224, 208) | # 40E0D0 |
lila | rgb (238, 130, 238) | # EE82EE |
vete | rgb (245, 222, 179) | # F5DEB3 |
vit | rgb (255, 255, 255) | # FFFFFF |
vit rök | rgb (245, 245, 245) | # F5F5F5 |
gul | rgb (255, 255, 0) | # FFFF00 |
gulgrön | rgb (154, 205, 50) | # 9ACD32 |
Kan du fler färgkoder? Vi inbjuder dig att lägga dem i kommentarerna för att utöka listan.