Dacă sunteți designer grafic sau tocmai ați intrat vreodată într-un program de editare a imaginilor, veți fi văzut un cutie care vă permitea să schimbați culoarea, fie că este vorba de găleata de vopsea, pensula, literele... Ceea ce poate să te fi făcut curios este faptul că, atunci când alegi o culoare, aceasta apare un cod de culoare, știi ce este?
Dacă v-ați întrebat vreodată ce înseamnă acele coduri de litere sau numere și doriți să aflați mai multe despre el, atunci vă ajutăm să înțelegeți importanța codului de culoare, de ce reflectă culorile și alte detalii curioase.
Care este codul de culoare
Putem defini codul de culoare ca a gama de culori în care poate fi afișat un web. Adică posibilitățile care există, într-o paletă de aproximativ 216 de culori, de a determina cum va arăta un site web. Acest cod se poate baza pe trei tipuri de sisteme: RGB, HEX și HSL (cel din urmă este acum depreciat).
De fapt, codul de culoare este pentru a servi drept cod universal pentru toate browserele în așa fel încât, cu acele coduri, ceea ce se obține este să reproducă aceleași tonuri, fie în Internet Explores, în Firefox Mozilla, în Google Chrome. …
Trebuie să știți asta un computer este capabil să distingă până la 16 milioane de culori, deci există multe posibilități de a crea un site web sau de a modifica imagini.
Tipuri de coduri de culoare
După cum v-am spus anterior, există trei tipuri de sisteme:
- RGB. Este cel mai cunoscut și este alcătuit din trei culori primare, roșu, albastru și verde, din care, prin combinarea lor, sunt derivate restul culorilor. În ceea ce privește reprezentarea sa, acesta variază de la 0 la 255 iar codul care apare este compus din trei cifre separate prin virgule și între paranteze.
- hexazecimal. Folosit mai ales în HTML și CSS. În acest caz, este alcătuit atât din cifre, cât și din litere care sunt aranjate între ele pentru a obține coduri care determină culorile.
- HSL. Deja în nefolosire, se bazează pe utilizarea nuanței, saturației și luminozității atunci când se creează o culoare. Se determină prin grade și procente (trei cifre separate prin virgule și între paranteze).
De ce sunt importante codurile?
Acum că știți ce este codificarea culorilor, aplicarea sa este ușor de înțeles, deoarece este folosit pentru a determina ce cod este necesar pentru afișarea unei anumite culori. Acest lucru funcționează, de exemplu, pe paginile web. Codul HTML este implicit dacă un site web are un fundal de o anumită culoare, dacă fontul este roșu, galben, verde, albastru..., și multe alte utilizări.
Înțelegi de ce este important? De exemplu, imaginați-vă că aveți un site web cu un fundal roșu. Și vrei să-l schimbi într-unul gol. Dacă ai cunoaște codul care determină culoarea roșie, folosind motorul de căutare în codul HTML ai obține locul în care se reflectă această culoare (legată de culoarea de fundal) și ai putea să o schimbi rapid. Dar dacă nu o ai? Ar trebui să căutați până când găsiți acea secțiune și să testați pentru a vedea ce cod este aproape de ceea ce doriți.
Prin urmare, codul de culoare vă ajută să grăbiți munca, precum și să puteți folosi culorile atunci când proiectați un site web, editați o imagine etc.
Lista culorilor și codul acestora Hexazecimal și RGB
În cele din urmă, am dori să vă lăsăm mai jos a tabel în care puteți găsi majoritatea culorilor care există împreună cu codul lor zecimal (RGB) și hexazecimal astfel încât dacă în orice moment trebuie să schimbați codul, o puteți face cu ușurință fără a fi nevoie să-l căutați în paleta de culori.
etichetă | Decimală (R, G, B) | Hexazecimal |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
alb antic | rgb (250, 235, 215) | # FAEBD7 |
apă | rgb (0, 255, 255) | # 00FFFF |
acvamarin | rgb (127, 255, 212) | # 7FFFD4 |
azur | rgb (240, 255, 255) | # F0FFFF |
bej | rgb (245, 245, 220) | # F5F5DC |
biscuit | rgb (255, 228, 196) | # FFE4C4 |
negru | rgb (0, 0, 0) | #000000 |
blanchedalmond | rgb (255, 235, 205) | #FFEBCD |
albastru | rgb (0, 0, 255) | # 0000FF |
Albastru violet | rgb (138, 43, 226) | # 8A2BE2 |
maro | rgb (165, 42, 42) | # A52A2A |
lemn masiv | rgb (222, 184, 135) | # DEB887 |
cadetblue | rgb (95, 158, 160) | # 5F9EA0 |
Chartreuse | rgb (127, 255, 0) | # 7FFF00 |
ciocolată | rgb (210, 105, 30) | # D2691E |
coral | rgb (255, 127, 80) | # FF7F50 |
albastru albastru | rgb (100, 149, 237) | # 6495ED |
matase de porumb | rgb (255, 248, 220) | # FFF8DC |
purpuriu | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
albastru inchis | rgb (0, 0, 139) | #00008B |
Darkcyan | rgb (0, 139, 139) | # 008B8B |
vergea de aur închis | rgb (184, 134, 11) | # B8860B |
gri închis | rgb (169, 169, 169) | # A9A9A9 |
verde inchis | rgb (0, 100, 0) | #006400 |
gri inchis | rgb (169, 169, 169) | # A9A9A9 |
kaki închis | rgb (189, 183, 107) | # BDB76B |
magenta închisă | rgb (139, 0, 139) | # 8B008B |
verde-închis | rgb (85, 107, 47) | # 556B2F |
portocaliu închis | rgb (255, 140, 0) | # FF8C00 |
întuneric | rgb (153, 50, 204) | # 9932CC |
roșu-închis | rgb (139, 0, 0) | # 8B0000 |
darksalmon | rgb (233, 150, 122) | # E9967A |
verde-întunecat | rgb (143, 188, 143) | # 8FBC8F |
albastru ardezie închis | rgb (72, 61, 139) | # 483D8B |
gri închis ardezie | rgb (47, 79, 79) | # 2F4F4F |
gri închis ardezie | rgb (47, 79, 79) | # 2F4F4F |
turcoaz închis | rgb (0, 206, 209) | # 00CED1 |
violet închis | rgb (148, 0, 211) | # 9400D3 |
roz închis | rgb (255, 20, 147) | #FF1493 |
deepskyblue | rgb (0, 191, 255) | # 00BFFF |
negru | rgb (105, 105, 105) | #696969 |
negru | rgb (105, 105, 105) | #696969 |
dodgerblue | rgb (30, 144, 255) | # 1E90FF |
cărămidă | rgb (178, 34, 34) | #B22222 |
floralalb | rgb (255, 250, 240) | # FFFAF0 |
padure verde | rgb (34, 139, 34) | # 228B22 |
fucsie | rgb (255, 0, 255) | # FF00FF |
gainsboro | rgb (220, 220, 220) | #DCDCDC |
alb-fantomă | rgb (248, 248, 255) | # F8F8FF |
aur | rgb (255, 215, 0) | # FFD700 |
splinuta | rgb (218, 165, 32) | # DAA520 |
gri | rgb (128, 128, 128) | #808080 |
verde | rgb (0, 128, 0) | #008000 |
verde galben | rgb (173, 255, 47) | # ADFF2F |
gri | rgb (128, 128, 128) | #808080 |
mană | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
roșu indian | rgb (205, 92, 92) | # CD5C5C |
indigo | rgb (75, 0, 130) | # 4B0082 |
fildeş | rgb (255, 255, 240) | # FFFFF0 |
kaki | rgb (240, 230, 140) | # F0E68C |
lavandă | rgb (230, 230, 250) | # E6E6FA |
fard de lavandă | rgb (255, 240, 245) | # FFF0F5 |
verdele de gazon | rgb (124, 252, 0) | # 7CFC00 |
lemonchiffon | rgb (255, 250, 205) | #FFFACD |
albastru deschis | rgb (173, 216, 230) | # ADD8E6 |
coral deschis | rgb (240, 128, 128) | #F08080 |
cyan-deschis | rgb (224, 255, 255) | # E0FFFF |
auriu ușor | rgb (250, 250, 210) | # FAFAD2 |
gri deschis | rgb (211, 211, 211) | # D3D3D3 |
verde deschis | rgb (144, 238, 144) | # 90EE90 |
gri deschis | rgb (211, 211, 211) | # D3D3D3 |
roz deschis | rgb (255, 182, 193) | # FFB6C1 |
lightssalmon | rgb (255, 160, 122) | # FFA07A |
verde-deschis | rgb (32, 178, 170) | # 20B2AA |
albastru deschis | rgb (135, 206, 250) | # 87CEFA |
gri deschis | rgb (119, 136, 153) | #778899 |
gri deschis de ardezie | rgb (119, 136, 153) | #778899 |
albastru deschis | rgb (176, 196, 222) | # B0C4DE |
lumină galbenă | rgb (255, 255, 224) | # FFFFE0 |
var | rgb (0, 255, 0) | # 00FF00 |
verde lime | rgb (50, 205, 50) | # 32CD32 |
lenjerie | rgb (250, 240, 230) | # FAF0E6 |
purpuriu | rgb (255, 0, 255) | # FF00FF |
maro | rgb (128, 0, 0) | #800000 |
acvamarin mediu | rgb (102, 205, 170) | # 66CDAA |
albastru mediu | rgb (0, 0, 205) | # 0000CD |
mediumorhid | rgb (186, 85, 211) | # BA55D3 |
violet mediu | rgb (147, 112, 219) | # 9370D8 |
mediuseagreen | rgb (60, 179, 113) | # 3CB371 |
mediu ardezie albastru | rgb (123, 104, 238) | # 7B68EE |
verde mediu primavara | rgb (0, 250, 154) | # 00FA9A |
turcoaz mediu | rgb (72, 209, 204) | # 48D1CC |
roșu-violet mediu | rgb (199, 21, 133) | #C71585 |
albastru miez de noapte | rgb (25, 25, 112) | #191970 |
cremă de mentă | rgb (245, 255, 250) | # F5FFFA |
mistyrose | rgb (255, 228, 225) | # FFE4E1 |
mocasin | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFMORT |
marina | rgb (0, 0, 128) | #000080 |
dantelă veche | rgb (253, 245, 230) | # FDF5E6 |
oliv | rgb (128, 128, 0) | #808000 |
olivedrab | rgb (107, 142, 35) | # 6B8E23 |
portocaliu | rgb (255, 165, 0) | # FFA500 |
portocaliu rosu | rgb (255, 69, 0) | #FF4500 |
orhidee | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
verde palid | rgb (152, 251, 152) | # 98FB98 |
palet turcoaz | rgb (175, 238, 238) | #AFEEEE |
rosu paleviolet | rgb (219, 112, 147) | # D87093 |
papayawhip | rgb (255, 239, 213) | # FFEFD5 |
piersică | rgb (255, 218, 185) | # FFDAB9 |
curcan | rgb (205, 133, 63) | # CD853F |
roz | rgb (255, 192, 203) | # FFC0CB |
prună | rgb (221, 160, 221) | # DDA0DD |
pudra albastra | rgb (176, 224, 230) | # B0E0E6 |
violet | rgb (128, 0, 128) | #800080 |
roșu | rgb (255, 0, 0) | #FF0000 |
Maro Roșiatic ‧color | rgb (188, 143, 143) | # BC8F8F |
albastru regal | rgb (65, 105, 225) | # 4169E1 |
Saddlebrown | rgb (139, 69, 19) | # 8B4513 |
somon | rgb (250, 128, 114) | # FA8072 |
neagră | rgb (244, 164, 96) | # F4A460 |
mare verde | rgb (46, 139, 87) | # 2E8B57 |
scoică | rgb (255, 245, 238) | # FFF5EE |
siena | rgb (160, 82, 45) | # A0522D |
argint | rgb (192, 192, 192) | # C0C0C0 |
cer albastru | rgb (135, 206, 235) | # 87CEEB |
Ardezie albastră | rgb (106, 90, 205) | # 6A5ACD |
ardezie | rgb (112, 128, 144) | #708090 |
gri ardezie | rgb (112, 128, 144) | #708090 |
zăpadă | rgb (255, 250, 250) | #FFFAFA |
verzui | rgb (0, 255, 127) | # 00FF7F |
albastru oțel | rgb (70, 130, 180) | # 4682B4 |
astfel | rgb (210, 180, 140) | # D2B48C |
teal | rgb (0, 128, 128) | #008080 |
ciulin | rgb (216, 191, 216) | # D8BFD8 |
de tomate | rgb (255, 99, 71) | #FF6347 |
turcoaz | rgb (64, 224, 208) | # 40E0D0 |
violet | rgb (238, 130, 238) | # EE82EE |
grâu | rgb (245, 222, 179) | # F5DEB3 |
alb | rgb (255, 255, 255) | # FFFFFF |
fum alb | rgb (245, 245, 245) | # F5F5F5 |
galben | rgb (255, 255, 0) | # FFFF00 |
galben verde | rgb (154, 205, 50) | # 9ACD32 |
Știți mai multe coduri de culoare? Vă invităm să le puneți în comentarii pentru a extinde lista.