Ha Ön grafikus, vagy csak most kezdett bele egy képszerkesztő programba, akkor láthatta már a doboz, amely lehetővé tette a szín megváltoztatását, legyen az a festékes vödör, az ecset, a betűk... Kíváncsivá tehetett, hogy a szín kiválasztásakor az egy színkód, tudod mi az?
Ha valaha is elgondolkozott már azon, hogy mit jelentenek ezek a betű- vagy számkódok, és többet szeretne megtudni róla, akkor segítünk megérteni a színkód fontosságát, miért tükrözik a színeket és egyéb érdekes részleteket.
Mi a színkód
A színkódot a színskála, amelyben a web megjeleníthető. Ez azt jelenti, hogy egy körülbelül 216 színből álló palettán milyen lehetőségek állnak rendelkezésre egy webhely megjelenésének meghatározására. Ez a kód háromféle rendszeren alapulhat: RGB, HEX és HSL (ez utóbbi már elavult).
Valójában a színkód arra való, hogy univerzális kódként szolgáljon minden böngésző számára, oly módon, hogy ezekkel a kódokkal ugyanazokat a tónusokat reprodukálja, akár Internet Explorerben, Firefox Mozillában vagy Google Chrome-ban. …
Ezt tudnia kell egy számítógép akár 16 millió szín megkülönböztetésére is képes, így számos lehetőség kínálkozik weboldal létrehozására vagy képek módosítására.
A színkódok típusai
Amint azt korábban elmondtuk, háromféle rendszer létezik:
- RGB. Ez a legismertebb, és három alapszínből áll, a piros, a kék és a zöld, amelyek kombinációja révén a többi szín származik. Ami a megjelenítést illeti, 0 és 255 között mozog, és a megjelenő kód három számjegyből áll, amelyeket vesszővel és zárójelben választanak el.
- Hexadecimális. Leginkább HTML-ben és CSS-ben használják. Ebben az esetben számokból és betűkből áll, amelyek egymásba rendezve kapják a színeket meghatározó kódokat.
- HSL A már használaton kívüli színek létrehozásánál az árnyalat, a telítettség és a világosság használatán alapul. Fokokkal és százalékokkal van meghatározva (három számjegy vesszővel elválasztva és zárójelben).
Miért fontosak a kódok?
Most, hogy tudja, mi a színkódolás, alkalmazása könnyen érthető, hiszen Arra szolgál, hogy meghatározza, milyen kód szükséges egy adott szín megjelenítéséhez. Ez működik például a weboldalakon. A HTML-kód implicit, ha egy webhelynek bizonyos színű háttere van, ha a betűtípus piros, sárga, zöld, kék... és sok más felhasználási terület.
Érted, miért fontos? Képzelje el például, hogy van egy webhelye piros háttérrel. És üresre szeretné változtatni. Ha ismerné a piros színt meghatározó kódot, a HTML kódban található kereső segítségével megkapná azt a helyet, ahol ez a szín tükröződik (a háttérszínhez kapcsolva), és gyorsan megváltoztathatja. De mi van, ha nincs meg? Addig kell keresnie, amíg meg nem találja azt a részt, és tesztelnie kell, hogy melyik kód áll közel a kívánthoz.
Ezért a színkód segít a munka felgyorsításában, valamint a színek használatában egy weboldal tervezésénél, képszerkesztésnél stb.
Színek listája és kódjuk Hexadecimális és RGB
Végül az alábbiakban szeretnénk Önt hagyni a táblázat, amelyben megtalálhatja a létező színek többségét decimális kódjukkal (RGB) és hexadecimálissal együtt így ha bármikor módosítani kell a kódot, azt egyszerűen megteheti anélkül, hogy a színpalettán kellene keresnie.
Tag | Tizedes (R, G, B) | Hexadecimális |
---|---|---|
Aliceblue | rgb (240, 248, 255.) | # F0F8FF |
antik fehér | rgb (250, 235, 215.) | # FAEBD7 |
aqua | rgb (0, 255, 255.) | # 00FFFF |
akvamarin | rgb (127, 255, 212.) | # 7FFFD4 |
égszínkék | rgb (240, 255, 255.) | # F0FFFF |
bézs | rgb (245, 245, 220.) | # F5F5DC |
krémleves | rgb (255, 228, 196.) | # FFE4C4 |
fekete | rgb (0, 0, 0.) | #000000 |
blansírozott mandula | rgb (255, 235, 205.) | #FEFEBCD. |
kék | rgb (0, 0, 255.) | # 0000FF |
kék ibolya | rgb (138, 43, 226.) | # 8A2BE2 |
barna | rgb (165, 42, 42.) | # A52A2A |
termetes fa | rgb (222, 184, 135.) | # DEB887 |
kadettkék | rgb (95, 158, 160.) | # 5F9EA0 |
karthauzi likőr | rgb (127, 255, 0.) | # 7FFF00 |
csokoládé | rgb (210, 105, 30.) | # D2691E |
korall | rgb (255, 127, 80.) | # FF7F50 |
búzavirágkék | rgb (100, 149, 237.) | # 6495ED |
kukoricaselyem | rgb (255, 248, 220.) | # FFF8DC |
karmazsinvörös | rgb (220, 20, 60.) | # DC143C |
cián | rgb (0, 255, 255.) | # 00FFFF |
sötétkék | rgb (0, 0, 139.) | #00008B |
sötétcián | rgb (0, 139, 139.) | # 008B8B |
sötét aranyvessző | rgb (184, 134, 11.) | # B8860B |
sötét szürke | rgb (169, 169, 169.) | # A9A9A9 |
sötétzöld | rgb (0, 100, 0.) | #006400 |
sötétszürke | rgb (169, 169, 169.) | # A9A9A9 |
sötétkhaki | rgb (189, 183, 107.) | # BDB76B |
sötétbíbor | rgb (139, 0, 139.) | # 8B008B |
sötétzöld | rgb (85, 107, 47.) | # 556B2F |
sötét színű | rgb (255, 140, 0.) | # FF8C00 |
darkorchid | rgb (153, 50, 204.) | # 9932CC |
sötét vörös | rgb (139, 0, 0.) | # 8B0000 |
sötétlazac | rgb (233, 150, 122.) | # E9967A |
sötétzöld | rgb (143, 188, 143.) | # 8FBC8F |
sötét palakék | rgb (72, 61, 139.) | # 483D8B |
sötét palaszürke | rgb (47, 79, 79.) | # 2F4F4F |
sötét palaszürke | rgb (47, 79, 79.) | # 2F4F4F |
sötét türkiz | rgb (0, 206, 209.) | # 00CED1 |
sötétlila | rgb (148, 0, 211.) | #9400D3 |
mély rózsaszín | rgb (255, 20, 147.) | #FF1493 |
mély égszínkék | rgb (0, 191, 255.) | # 00BFFF |
homályos | rgb (105, 105, 105.) | #696969 |
homályos | rgb (105, 105, 105.) | #696969 |
dodgerblue | rgb (30, 144, 255.) | # 1E90FF |
tűzálló tégla | rgb (178, 34, 34.) | #B22222 |
virágfehér | rgb (255, 250, 240.) | # FFFAF0 |
erdő zöld | rgb (34, 139, 34.) | # 228B22 |
fukszia | rgb (255, 0, 255.) | # FF00FF |
Gainsboro | rgb (220, 220, 220.) | #Dcdcdc. |
szellemfehér | rgb (248, 248, 255.) | # F8F8FF |
arany | rgb (255, 215, 0.) | # FFD700 |
aranyvessző | rgb (218, 165, 32.) | # DAA520 |
szürke | rgb (128, 128, 128.) | #808080 |
zöld | rgb (0, 128, 0.) | #008000 |
zöld sárga | rgb (173, 255, 47.) | # ADFF2F |
szürke | rgb (128, 128, 128.) | #808080 |
mézharmat | rgb (240, 255, 240.) | # F0FFF0 |
dögös rózsaszín | rgb (255, 105, 180.) | # FF69B4 |
indiánvörös | rgb (205, 92, 92.) | # CD5C5C |
indigó | rgb (75, 0, 130.) | # 4B0082 |
elefántcsont | rgb (255, 255, 240.) | # FFFFF0 |
khaki | rgb (240, 230, 140.) | # F0E68C |
levendula | rgb (230, 230, 250.) | # E6E6FA |
levendulapirosító | rgb (255, 240, 245.) | # FFF0F5 |
fűvédő | rgb (124, 252, 0.) | # 7CFC00 |
citromsifon | rgb (255, 250, 205.) | #FFFACD |
világoskék | rgb (173, 216, 230.) | # ADD8E6 |
világoskorall | rgb (240, 128, 128.) | #F08080 |
világoscián | rgb (224, 255, 255.) | # E0FFFF |
világos arany színű | rgb (250, 250, 210.) | # FAFAD2 |
világos szürke | rgb (211, 211, 211.) | # D3D3D3 |
világos zöld | rgb (144, 238, 144.) | # 90EE90 |
világos szürke | rgb (211, 211, 211.) | # D3D3D3 |
világos rózsaszín | rgb (255, 182, 193.) | # FFB6C1 |
fénylazac | rgb (255, 160, 122.) | # FFA07A |
fényes zöld | rgb (32, 178, 170.) | # 20B2AA |
világoskék | rgb (135, 206, 250.) | # 87CEFA |
fénykategória | rgb (119, 136, 153.) | #778899 |
fénypalaszürke | rgb (119, 136, 153.) | #778899 |
világoskék | rgb (176, 196, 222.) | # B0C4DE |
halványsárga | rgb (255, 255, 224.) | # FFFFE0 |
mész | rgb (0, 255, 0.) | # 00FF00 |
zöldcitrom zöld | rgb (50, 205, 50.) | # 32CD32 |
vászon | rgb (250, 240, 230.) | # FAF0E6 |
bíborvörös | rgb (255, 0, 255.) | # FF00FF |
gesztenyebarna | rgb (128, 0, 0.) | #800000 |
közepes akvamarin | rgb (102, 205, 170.) | # 66CDAA |
közepesen kék | rgb (0, 0, 205.) | # 0000CD |
közepes orchidea | rgb (186, 85, 211.) | # BA55D3 |
közepes lila | rgb (147, 112, 219.) | #9370D8 |
közepes zöld | rgb (60, 179, 113.) | # 3CB371 |
közepesen késkék | rgb (123, 104, 238.) | # 7B68EE |
közepes tavaszi zöld | rgb (0, 250, 154.) | # 00FA9A |
közepes türkizkék | rgb (72, 209, 204.) | # 48D1CC |
közepesen lila | rgb (199, 21, 133.) | #C71585 |
éjkék | rgb (25, 25, 112.) | #191970 |
mentakrém | rgb (245, 255, 250.) | # F5FFFA |
ködrózsa | rgb (255, 228, 225.) | # FFE4E1 |
mokaszin | rgb (255, 228, 181.) | # FFE4B5 |
navajofehér | rgb (255, 222, 173.) | #Fladead. |
haditengerészet | rgb (0, 0, 128.) | #000080 |
régi csipke | rgb (253, 245, 230.) | # FDF5E6 |
olíva | rgb (128, 128, 0.) | #808000 |
Olivedrab. | rgb (107, 142, 35.) | # 6B8E23 |
narancs | rgb (255, 165, 0.) | # FFA500 |
narancsvörös | rgb (255, 69, 0.) | #FF4500 |
orchidea | rgb (218, 112, 214.) | # DA70D6 |
halványaranyvessző | rgb (238, 232, 170.) | # EEE8AA |
halvány zöld | rgb (152, 251, 152.) | # 98FB98 |
palettakék | rgb (175, 238, 238.) | #FEEEE |
halványibolya színű | rgb (219, 112, 147.) | # D87093 |
Papayawhip. | rgb (255, 239, 213.) | # FFEFD5 |
őszibarack | rgb (255, 218, 185.) | # FFDAB9 |
peru | rgb (205, 133, 63.) | # CD853F |
rózsaszín | rgb (255, 192, 203.) | # FFC0CB |
szilva | rgb (221, 160, 221.) | # DDA0DD |
kobalt kék | rgb (176, 224, 230.) | # B0E0E6 |
bíbor | rgb (128, 0, 128.) | #800080 |
piros | rgb (255, 0, 0.) | #FF0000 |
rózsabarna | rgb (188, 143, 143.) | # BC8F8F |
királykék | rgb (65, 105, 225.) | # 4169E1 |
Saddlebrown | rgb (139, 69, 19.) | # 8B4513 |
lazac | rgb (250, 128, 114.) | # FA8072 |
homokbarna | rgb (244, 164, 96.) | # F4A460 |
tengerzöld | rgb (46, 139, 87.) | # 2E8B57 |
kagyló | rgb (255, 245, 238.) | # FFF5EE |
vörösbarna festék | rgb (160, 82, 45.) | # A0522D |
ezüst | rgb (192, 192, 192.) | # C0C0C0 |
égszínkék | rgb (135, 206, 235.) | # 87CEEB |
palakék | rgb (106, 90, 205.) | # 6A5ACD |
palaszürke | rgb (112, 128, 144.) | #708090 |
palaszürke | rgb (112, 128, 144.) | #708090 |
hó | rgb (255, 250, 250.) | #FFFAFA. |
Tavaszi zöld | rgb (0, 255, 127.) | # 00FF7F |
acélkék | rgb (70, 130, 180.) | # 4682B4 |
így | rgb (210, 180, 140.) | # D2B48C |
böjti réce | rgb (0, 128, 128.) | #008080 |
bogáncs | rgb (216, 191, 216.) | # D8BFD8 |
paradicsom | rgb (255, 99, 71.) | #FF6347 |
türkiz | rgb (64, 224, 208.) | # 40E0D0 |
ibolya | rgb (238, 130, 238.) | # EE82EE |
búza | rgb (245, 222, 179.) | # F5DEB3 |
fehér | rgb (255, 255, 255.) | #FFFFFF |
fehér füst | rgb (245, 245, 245.) | # F5F5F5 |
sárga | rgb (255, 255, 0.) | # FFFF00 |
sárga zöld | rgb (154, 205, 50.) | # 9ACD32 |
Tudsz több színkódot? A lista bővítése érdekében kérjük, írja be őket a megjegyzések közé.