După cum știți, culoarea poate afecta starea unei persoane: atât mentală, cât și fizică. În fiecare zi, în timp ce navighează pe site-uri web pe internet, ochii evaluează milioane de culori și nuanțe. Un web designer care este familiarizat cu psihologia culorii poate manipula starea de spirit a vizitatorului pentru a atinge anumite obiective.
Acest lucru se datorează faptului că unele nuanțe calmează, iar altele, dimpotrivă, excită. În continuare vom vorbi despre modul în care culoarea este sintetizată și afișată folosind tehnologia computerizată.
RGB este un model de culoare care reprezintă o metodă de obținere a tuturor culorilor și nuanțelor acestora prin amestecarea în diverse proporții a trei componente principale, care sunt:
- roșu ( Roşu);
- culoare verde ( Verde);
- culoare albastră ( Albastru).
De aici provine numele abreviat RGB. Aceste culori au fost alese ca fiind principale dintr-un motiv: motivul este fiziologia retinei ochiului uman și modul în care le percepe:
Modelul RGB rămâne cel mai popular astăzi și este folosit pentru a reproduce culorile pe ecranele TV și pe monitoarele computerelor. Deoarece producătorii își dotează produsele cu caracteristici diferite, în 1996 a fost creat un sistem unificat de sinteză a culorilor bazat pe RGB numit sRGB, la care Microsoft și HP au lucrat împreună.
Reprezentarea numerică a culorii
După cum am menționat mai devreme, culorile RGB sunt formate prin amestecarea culorilor primare. Pentru a descrie intensitatea fiecăruia dintre ele, a fost adoptată o schemă în care culoarea este reprezentată de intervalul 0-255 (8 biți), care în notație hexazecimală corespunde cu 00-FF.
Adică, culorile primare vor arăta astfel:
- Roșu – RGB (255,0,0);
- Verde – RGB (0,255,0);
- Albastru – RGB (0,0,255);
Dacă intensitatea culorii ia valori mai mici de 255, atunci se obțin diferite nuanțe de roșu, verde și albastru. Următorul este un tabel cu gradațiile lor, precum și valorile hexazecimale ale fiecăreia dintre nuanțe:
Tabelele de culori RGB
Desigur, pe lângă gradările de culori primare, există și cele mixte, iar numărul lor este destul de mare. Prin urmare, a fost creat un tabel de culori RGB, care prezintă toate nuanțele existente, precum și numele și reprezentările numerice ale acestora ( în formă zecimală și hexazecimală).
O puteți vizualiza aici. Acest tabel face viața mult mai ușoară pentru web designeri, deoarece în câteva secunde puteți găsi nuanța necesară și aflați reprezentarea numerică a acesteia.
Paletă de culori RGB sigură
Cu toate acestea, la un moment dat a apărut o problemă cu afișarea culorilor în diferite browsere și, pentru a o rezolva, a fost compilată așa-numita paletă „sigură” de culori RGB, care au fost derivate prin calcule matematice.
Când browserul nu poate afișa corect o culoare, va încerca să obțină ceva aproape de ceea ce are nevoie prin amestecarea culorilor adiacente și, cel mai probabil, rezultatul va fi complet inacceptabil:
Folosind codurile de culoare RGB din această paletă, un dezvoltator web poate avea liniște în ceea ce privește afișarea culorilor pe paginile site-ului său atunci când sunt vizualizate folosind diferite browsere, platforme și monitoare. Deși în acest moment tabelul culorilor sigure își pierde relevanța ( progresul tehnologic încă nu stă pe loc), când îl folosești, poți, după cum se spune, să dormi liniștit.
Culoare aurie în modelul RGB
Cuvântul „aur” a fost folosit pentru prima dată la începutul secolului al XIV-lea pentru a descrie culoarea unui element chimic numit Aurum - aur. În modelul RGB, culoarea aurie este reprezentată de următoarele valori numerice:
- RGB (255, 215, 0) – sistem zecimal;
- HEX #FFD700 – sistem hexazecimal.
Culoare bej în modelul RGB
Culoarea bej ocupă un loc destul de semnificativ în istorie, chiar dacă nu este cea mai expresivă. Multe monumente culturale, în special sculpturi antice, au fost realizate din piatră de sălatură și piatră de sălatură, care au o tentă bej. În modelul RGB, culoarea bej are următoarele reprezentări numerice.
Există mai multe moduri de a reprezenta culoarea în design web.
HEX este un sistem de reprezentare a culorilor hexazecimală bazat pe baza 16. Pentru acest sistem, cifrele zecimale arabe de la 0 la 9 și litere latine de la A la F sunt folosite pentru a completa numărul digital la 16. Pentru design web, 16 culori primare (cheie) sunt folosite, așa-numitul cod de culoare hexazecimal #RRGGBB, unde fiecare pereche este responsabilă pentru cota sa de culoare: RR – roșu, GG – verde și BB – albastru. Fiecare fracțiune de culoare variază de la 00 la FF.
Alte două reprezentări ale culorii în design web sunt: sub formă de RGB(*,*,*), unde fiecare fracțiune „*” a unei culori este reprezentată prin cifre zecimale de la 0 la 255 și prin nume de culori în limba engleză.
La crearea unei imagini color, principala problemă este reproducerea corectă a culorilor pe diferite tipuri de computere, monitoare și browsere. Dacă browserul nu poate afișa corect o culoare, selectează una similară sau amestecă mai multe culori. Și uneori poate fi înlocuit cu o culoare complet diferită.
Masă 16 culori primare, care sunt utilizate în toate browserele
Nume | Culoare | Hex | (RGB) |
Aqua (valul mării) | #00FFFF | (000,255,255) | |
Negru | #000000 | (000,000,000) | |
Albastru | #0000FF | (000,000,255) | |
fucsia (magenta) | #FF00FF | (255,000,255) | |
Gri | #808080 | (128,128,128) | |
Verde | #008000 | (000,128,000) | |
Tei (verde aprins) | #00FF00 | (000,255,000) | |
Maroon (visiniu închis) | #800000 | (128,000,000) | |
Bleumarin (albastru închis) | #000080 | (000,000,128) | |
măsline | #808000 | (128,128,000) | |
Violet | #800080 | (128,000,128) | |
Roşu | #FF0000 | (255,000,000) | |
Argint | #C0C0C0 | (192,192,192) | |
Teal (gri-verde) | #008080 | (000,128,128) | |
Alb | #FFFFFF | (255,255,255) | |
Galben | #FFFF00 | (255,255,000) |
Masă violet culorile și nuanțele sale
Nume | Culoare | Hex | (RGB) |
Magenta (magenta) | #FFCBDB | (255,203,219) | |
Magenta (magenta) | #FF0099 | (255,000,153) | |
Magenta (magenta) | #F95A61 | (249,090,097) | |
fucsia (fucsia) | #FF00FF | (255,000,255) | |
Mauvein (violet anilină) | #EF0097 | (239,000,151) | |
Roz somon (roz portocaliu) | #FF91A4 | (255,145,164) | |
Cenise (o nuanță de violet) | #DE3163 | (153,149,140) | |
vinete vinete (vinete) | #990066 | (153,000,132) | |
Blush de lavandă (roz-lavandă) |  #FFF0F5 | (255,240,245) | |
liliac (liliac) | #C8A2C8 | (200,162,200) | |
Magenta (magenta) | #FF008F | (255,000,143) | |
orhidee (orhidee) | #DA70D6 | (218,112,214) | |
Roșu-violet (violet-roșu) | #C71585 | (199,021,133) | |
Sanguin (sangvin) | #92000A | (146,000,010) | |
Ciulin (nuanță de violet) | #D8BFD8 | (185,211,238) | |
Violet-vinete (o nuanță de violet) | #991199 | (153,017,153) | |
Rosa vivo (roz intens) | #FF007F | (255,000,127) | |
Lavandă-trandafir (o nuanță de violet) | #FBA0E3 | (108,123,139) | |
Mountbatten roz | #997ABD | (153,122,141) |
Masă gri culorile și nuanțele sale
Nume | Culoare | Hex | (RGB) |
Gri | #808080 | (128,128,128) | |
Gri | #bebebe | (190,190,190) | |
(nuanță gri) | #858585 | (133,133,133) | |
Gri33 | #545454 | (084,084,084) | |
(Ardezie gri) | #708090 | (112,128,144) | |
(Cuarţ) | #99958с | (153,149,140) | |
(gri deschis) | #bbbbbb | (187,187,187) | |
(Argint) | #c0c0c0 | (192,192,192) | |
(gri-alb) | #f0f0f0 | (240,240,240) | |
(Barba lui Abdel-Kerim) | #e0e0e0 | (224,224,224) | |
Gri deschis (gri deschis) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (albastru pal floarea de colț1) | #c6e2ff | (198,226,255) | |
StateGray-2 (albastru pal de floarea de colț2) | #b9d3ee | (185,211,238) | |
StateGray3() | #9fb6cd | (159,182,205) | |
StateGray4() | #6c7b8b | (108,123,139) |
Modulul de culoare CSS detaliază valori care permit autorilor să definească culorile și opacitatea elementelor html, precum și valorile proprietății culorii.
proprietatea culorii
1. Culori prioritare: proprietatea culorii
Proprietatea specifică culoarea fontului folosind diferite sisteme de redare a culorilor. Proprietatea descrie culoarea conținutului text al elementului. În plus, este folosit pentru a furniza o valoare indirectă potențială (currentColor) pentru orice alte proprietăți care iau valori de culoare.
Proprietatea este moștenită.
2. Valori de culoare
2.1. Cuvinte cheie principale
Lista de cuvinte cheie principale include următoarele semnificații:
Nume | HEX | RGB | Culoare |
---|---|---|---|
negru | #000000 | 0,0,0 | |
argint | #C0C0C0 | 192,192,192 | |
gri | #808080 | 128,128,128 | |
alb | #FFFFFF | 255,255,255 | |
maro | #800000 | 128,0,0 | |
roşu | #FF0000 | 255,0,0 | |
violet | #800080 | 128,0,128 | |
fucsie | #FF00FF | 255,0,255 | |
verde | #008000 | 0,128,0 | |
lămâie verde | #00FF00 | 0,255,0 | |
măsline | #808000 | 128,128,0 | |
galben | #FFFF00 | 255,255,0 | |
marina | #000080 | 0,0,128 | |
albastru | #0000FF | 0,0,255 | |
teal | #008080 | 0,128,128 | |
acva | #00FFFF | 0,255,255 |
Numele culorilor nu fac distincție între majuscule și minuscule.
Sintaxă
Culoare: teal;
2.2. Valori numerice de culoare
2.2.1. Culori model RGB
Formatul hexazecimal al unei valori RGB este semnul # urmat imediat de trei sau șase caractere hexazecimale. Notația RGB din trei cifre #rgb este convertită în forma de șase cifre #rrggbb prin copierea cifrelor, mai degrabă decât prin adăugarea zerourilor. De exemplu, #fb0 se extinde la #ffbb00 . Acest lucru asigură faptul că #ffffff alb poate fi specificat în intrarea scurtă #fff și elimină orice dependență de adâncimea culorii afișajului.
Formatul unei valori RGB în notație funcțională este rgb (urmat de o listă de trei valori numerice separate prin virgulă (fie trei valori întregi, fie trei valori procentuale) urmată de un simbol). Valoarea întreagă 255 corespunde cu 100% și F sau FF în notație hexazecimală:
Rgb(255.255.255) = rgb(100%, 100%, 100%) = #FFF
Caracterele de spațiu sunt permise în jurul valorilor numerice.
Pentru paginile html, culorile sunt indicate în principal în sistemul hexazecimal. Pentru a face acest lucru, sunt utilizate două tipuri de înregistrare a codului - completă sau prescurtată. Pentru a indica corect culoarea html în întregime, trebuie să scrieți șase caractere (cifre și/sau litere englezești) după semnul hash, de exemplu, negru este scris astfel: #000000. Scurtarea pentru specificarea culorilor html constă dintr-un hash și trei numere și/sau litere în spatele acesteia. În acest caz, acest tip de stoc poate fi utilizat numai dacă înregistrarea completă a unei anumite culori constă din simboluri identice după semnul hash. De exemplu, aceeași culoare neagră poate fi scrisă astfel: #000. Puteți specifica culorile html folosind atât caractere mari, cât și mici, deoarece acestea nu sunt sensibile la majuscule.
Fiecare caracter scris după „#” corespunde unei anumite proporții de roșu, verde și albastru. La rândul lor, toate monitoarele constau dintr-un număr mare de pixeli (puncte microscopice), fiecare dintre care include 3 așa-numite „lanterne” (surse de lumină): roșu, verde și albastru. Apoi, prin reglarea intensității luminii emise de aceste „lanterne”, monitorul afișează culoarea de care avem nevoie.
Prin combinarea intensității de emisie a luminii roșii, albastre și verzi (de la 0 la 256), monitoarele pot afișa 16.000.000 de nuanțe diferite.
De asemenea, culorile pentru site-uri web pot fi indicate verbal sau în cod RGB.
Astăzi, 147 de culori pot fi scrise verbal. Este important de știut că unele nume diferite pot însemna aceleași culori, de exemplu Gri și Gri sunt culoarea gri (#808080).
Culori sigure pentru site-uri web.
Nu orice monitor și browser pot afișa corect toate cele 16 milioane de culori html.
Dacă, de exemplu, întâlniți o culoare pe care browserul nu o poate afișa corect, atunci:
- Browserul îl înlocuiește cu cel care îi seamănă cel mai mult și poate fi reprodus cu succes;
- Pentru a afișa corect, browserul poate amesteca mai multe culori și poate reproduce rezultatul.
Pentru a vă asigura că rezultatul în orice browser și pe orice monitor este culoarea pe care ați specificat-o în cod, se recomandă să utilizați „Culori sigure”. Ele au fost determinate nu manual sau de dorința altcuiva, ci matematic. Există 216 astfel de culori 100% sigure pentru documentele HTML Și, deși tehnologiile de astăzi au ajuns la punctul în care monitoarele și browserele moderne recunosc milioane de nuanțe, vă recomandăm să folosiți aceste culori sigure pentru a garanta redarea culorilor.
Sistem de culori hexazecimal. | Coduri de culoare în RGB (roșu, verde, albastru). |
Cod de culoare HTML: #000000 | Culoare RGB: 0 0 0 |
Cod de culoare HTML: #333333 | Culoare RGB: 51 51 51 |
Cod de culoare HTML: #666666 | Culoare RGB: 102 102 102 |
Cod de culoare HTML: #999999 | Culoare RGB: 153 153 153 |
Cod de culoare HTML: #CCCCCC | Culoare RGB: 204 204 204 |
Cod de culoare HTML: #FFFFFF | Culoare RGB: 255 255 255 |
Cod de culoare HTML: #666600 | Culoare RGB: 102 102 0 |
Cod de culoare HTML: #999900 | Culoare RGB: 153 153 0 |
Cod de culoare HTML: #999933 | Culoare RGB: 153 153 51 |
Cod de culoare HTML: #999966 | Culoare RGB: 153 153 102 |
Cod de culoare HTML: #CCCC33 | Culoare RGB: 204 204 51 |
Cod de culoare HTML: #CCCC66 | Culoare RGB: 204 204 102 |
Cod de culoare HTML: #333300 | Culoare RGB: 51 51 0 |
Cod de culoare HTML: #666633 | Culoare RGB: 102 102 51 |
Cod de culoare HTML: #CCCC99 | Culoare RGB: 204 204 153 |
Cod de culoare HTML: #CCFF33 | Culoare RGB: 204 255 51 |
Cod de culoare HTML: #CCFF00 | Culoare RGB: 204 255 0 |
Cod de culoare HTML: #CCFF66 | Culoare RGB: 204 255 102 |
Cod de culoare HTML: #669900 | Culoare RGB: 102 153 0 |
Cod de culoare HTML: #99CC33 | Culoare RGB: 153 204 51 |
Cod de culoare HTML: #99CC00 | Culoare RGB: 153 204 0 |
Cod de culoare HTML: #99CC66 | Culoare RGB: 153 204 102 |
Cod de culoare HTML: #99FF33 | Culoare RGB: 153 255 51 |
Cod de culoare HTML: #99FF00 | Culoare RGB: 153 255 0 |
Cod de culoare HTML: #336600 | Culoare RGB: 51 102 0 |
Cod de culoare HTML: #669933 | Culoare RGB: 102 153 51 |
Cod de culoare HTML: #66CC33 | Culoare RGB: 102 204 51 |
Cod de culoare HTML: #66CC00 | Culoare RGB: 102 204 0 |
Cod de culoare HTML: #99FF66 | Culoare RGB: 153 255 102 |
Cod de culoare HTML: #CCFF99 | Culoare RGB: 204 255 153 |
Cod de culoare HTML: #009900 | Culoare RGB: 0 153 0 |
Cod de culoare HTML: #339900 | Culoare RGB: 51 153 0 |
Cod de culoare HTML: #33CC00 | Culoare RGB: 51 204 0 |
Cod de culoare HTML: #33FF00 | Culoare RGB: 51 255 0 |
Cod de culoare HTML: #66FF33 | Culoare RGB: 102 255 51 |
Cod de culoare HTML: #66FF00 | Culoare RGB: 102 255 0 |
Cod de culoare HTML: #00CC33 | Culoare RGB: 0 204 51 |
Cod de culoare HTML: #33CC33 | Culoare RGB: 51 204 51 |
Cod de culoare HTML: #00CC00 | Culoare RGB: 0 204 0 |
Cod de culoare HTML: #00FF00 | Culoare RGB: 0 255 0 |
Cod de culoare HTML: #00FF33 | Culoare RGB: 0 255 51 |
Cod de culoare HTML: #33FF33 | Culoare RGB: 51 255 51 |
Cod de culoare HTML: #003300 | Culoare RGB: 0 51 0 |
Cod de culoare HTML: #336633 | Culoare RGB: 51 102 51 |
Cod de culoare HTML: #669966 | Culoare RGB: 102 153 102 |
Cod de culoare HTML: #66CC66 | Culoare RGB: 102 204 102 |
Cod de culoare HTML: #99CC99 | Culoare RGB: 153 204 153 |
Cod de culoare HTML: #CCFFCC | Culoare RGB: 204 255 204 |
Cod de culoare HTML: #006600 | Culoare RGB: 0 102 0 |
Cod de culoare HTML: #339933 | Culoare RGB: 51 153 51 |
Cod de culoare HTML: #00FF66 | Culoare RGB: 0 255 102 |
Cod de culoare HTML: #33FF66 | Culoare RGB: 51 255 102 |
Cod de culoare HTML: #66FF66 | Culoare RGB: 102 255 102 |
Cod de culoare HTML: #99FF99 | Culoare RGB: 153 255 153 |
Cod de culoare HTML: #009933 | Culoare RGB: 0 153 51 |
Cod de culoare HTML: #00CC66 | Culoare RGB: 0 204 102 |
Cod de culoare HTML: #33CC66 | Culoare RGB: 51 204 102 |
Cod de culoare HTML: #00FF99 | Culoare RGB: 0 255 153 |
Cod de culoare HTML: #33FF99 | Culoare RGB: 51 255 153 |
Cod de culoare HTML: #66FF99 | Culoare RGB: 102 255 153 |
Cod de culoare HTML: #006633 | Culoare RGB: 0 102 51 |
Cod culoare HTML: #009966 | Culoare RGB: 0 153 102 |
Cod de culoare HTML: #339966 | Culoare RGB: 51 153 102 |
Cod de culoare HTML: #00CC99 | Culoare RGB: 0 204 153 |
Cod de culoare HTML: #33CC99 | Culoare RGB: 51 204 153 |
Cod de culoare HTML: #66CC99 | Culoare RGB: 102 204 153 |
Cod de culoare HTML: #009999 | Culoare RGB: 0 153 153 |
Cod de culoare HTML: #33CCCC | Culoare RGB: 51 204 204 |
Cod de culoare HTML: #00FFCC | Culoare RGB: 0 255 204 |
Cod de culoare HTML: #33FFCC | Culoare RGB: 51 255 204 |
Cod de culoare HTML: #66FFCC | Culoare RGB: 102 255 204 |
Cod de culoare HTML: #99FFCC | Culoare RGB: 153 255 204 |
Cod de culoare HTML: #00CCCC | Culoare RGB: 0 204 204 |
Cod de culoare HTML: #00FFFF | Culoare RGB: 0 255 255 |
Cod de culoare HTML: #33FFFF | Culoare RGB: 51 255 255 |
Cod de culoare HTML: #66FFFF | Culoare RGB: 102 255 255 |
Cod de culoare HTML: #99FFFF | Culoare RGB: 153 255 255 |
Cod de culoare HTML: #CCFFFF | Culoare RGB: 204 255 255 |
Cod de culoare HTML: #336666 | Culoare RGB: 51 102 102 |
Cod de culoare HTML: #006666 | Culoare RGB: 0 102 102 |
Cod de culoare HTML: #669999 | Culoare RGB: 102 153 153 |
Cod de culoare HTML: #339999 | Culoare RGB: 51 153 153 |
Cod de culoare HTML: #66CCCC | Culoare RGB: 102 204 204 |
Cod de culoare HTML: #99CCCC | Culoare RGB: 153 204 204 |
Cod de culoare HTML: #003333 | Culoare RGB: 0 51 51 |
Cod culoare HTML: #0099CC | Culoare RGB: 0 153 204 |
Cod de culoare HTML: #3399CC | Culoare RGB: 51 153 204 |
Cod de culoare HTML: #00CCFF | Culoare RGB: 0 204 255 |
Cod de culoare HTML: #33CCFF | Culoare RGB: 51 204 255 |
Cod de culoare HTML: #66CCFF | Culoare RGB: 102 204 255 |
Cod culoare HTML: #006699 | Culoare RGB: 0 102 153 |
Cod de culoare HTML: #336699 | Culoare RGB: 51 102 153 |
Cod de culoare HTML: #6699CC | Culoare RGB: 102 153 204 |
Cod de culoare HTML: #0099FF | Culoare RGB: 0 153 255 |
Cod de culoare HTML: #3399FF | Culoare RGB: 51 153 255 |
Cod de culoare HTML: #99CCFF | Culoare RGB: 153 204 255 |
Cod de culoare HTML: #003366 | Culoare RGB: 0 51 102 |
Cod de culoare HTML: #003399 | Culoare RGB: 0 51 153 |
Cod de culoare HTML: #0033FF | Culoare RGB: 0 51 255 |
Cod de culoare HTML: #3366CC | Culoare RGB: 51 102 204 |
Cod de culoare HTML: #0066CC | Culoare RGB: 0 102 204 |
Cod de culoare HTML: #0066FF | Culoare RGB: 0 102 255 |
Cod de culoare HTML: #000033 | Culoare RGB: 0 0 51 |
Cod de culoare HTML: #0033CC | Culoare RGB: 0 51 204 |
Cod de culoare HTML: #0000CC | Culoare RGB: 0 0 204 |
Cod de culoare HTML: #0000FF | Culoare RGB: 0 0 255 |
Cod de culoare HTML: #3366FF | Culoare RGB: 51 102 255 |
Cod de culoare HTML: #6699FF | Culoare RGB: 102 153 255 |
Cod de culoare HTML: #000066 | Culoare RGB: 0 0 102 |
Cod de culoare HTML: #000099 | Culoare RGB: 0 0 153 |
Cod de culoare HTML: #3333CC | Culoare RGB: 51 51 204 |
Cod de culoare HTML: #3300CC | Culoare RGB: 51 0 204 |
Cod de culoare HTML: #3300FF | Culoare RGB: 51 0 255 |
Cod de culoare HTML: #3333FF | Culoare RGB: 51 51 255 |
Cod de culoare HTML: #333366 | Culoare RGB: 51 51 102 |
Cod de culoare HTML: #333399 | Culoare RGB: 51 51 153 |
Cod de culoare HTML: #666699 | Culoare RGB: 102 102 153 |
Cod de culoare HTML: #6666CC | Culoare RGB: 102 102 204 |
Cod de culoare HTML: #6666FF | Culoare RGB: 102 102 255 |
Cod de culoare HTML: #9999CC | Culoare RGB: 153 153 204 |
Cod de culoare HTML: #330066 | Culoare RGB: 51 0 102 |
Cod de culoare HTML: #330099 | Culoare RGB: 51 0 153 |
Cod de culoare HTML: #6600FF | Culoare RGB: 102 0 255 |
Cod de culoare HTML: #6633FF | Culoare RGB: 102 51 255 |
Cod de culoare HTML: #9999FF | Culoare RGB: 153 153 255 |
Cod de culoare HTML: #CCCCFF | Culoare RGB: 204 204 255 |
Cod de culoare HTML: #330033 | Culoare RGB: 51 0 51 |
Cod de culoare HTML: #663399 | Culoare RGB: 102 51 153 |
Cod de culoare HTML: #6633CC | Culoare RGB: 102 51 204 |
Cod de culoare HTML: #6600CC | Culoare RGB: 102 0 204 |
Cod de culoare HTML: #9966FF | Culoare RGB: 153 102 255 |
Cod de culoare HTML: #9966CC | Culoare RGB: 153 102 204 |
Cod de culoare HTML: #663366 | Culoare RGB: 102 51 102 |
Cod de culoare HTML: #660099 | Culoare RGB: 102 0 153 |
Cod de culoare HTML: #9900FF | Culoare RGB: 153 0 255 |
Cod de culoare HTML: #9933FF | Culoare RGB: 153 51 255 |
Cod de culoare HTML: #9933CC | Culoare RGB: 153 51 204 |
Cod de culoare HTML: #CC99FF | Culoare RGB: 204 153 255 |
Cod de culoare HTML: #660066 | Culoare RGB: 102 0 102 |
Cod de culoare HTML: #996699 | Culoare RGB: 153 102 153 |
Cod de culoare HTML: #9900CC | Culoare RGB: 153 0 204 |
Cod de culoare HTML: #CC00FF | Culoare RGB: 204 0 255 |
Cod de culoare HTML: #CC33FF | Culoare RGB: 204 51 255 |
Cod de culoare HTML: #CC66FF | Culoare RGB: 204 102 255 |
Cod de culoare HTML: #993399 | Culoare RGB: 153 51 153 |
Cod de culoare HTML: #990099 | Culoare RGB: 153 0 153 |
Cod de culoare HTML: #CC33CC | Culoare RGB: 204 51 204 |
Cod de culoare HTML: #CC00CC | Culoare RGB: 204 0 204 |
Cod de culoare HTML: #CC66CC | Culoare RGB: 204 102 204 |
Cod de culoare HTML: #CC99CC | Culoare RGB: 204 153 204 |
Cod de culoare HTML: #CC3399 | Culoare RGB: 204 51 153 |
Cod de culoare HTML: #FF00FF | Culoare RGB: 255 0 255 |
Cod de culoare HTML: #FF33FF | Culoare RGB: 255 51 255 |
Cod de culoare HTML: #FF66FF | Culoare RGB: 255 102 255 |
Cod de culoare HTML: #FF99FF | Culoare RGB: 255 153 255 |
Cod de culoare HTML: #FFCCFF | Culoare RGB: 255 204 255 |
Cod de culoare HTML: #990066 | Culoare RGB: 153 0 102 |
Cod de culoare HTML: #CC0099 | Culoare RGB: 204 0 153 |
Cod de culoare HTML: #CC6699 | Culoare RGB: 204 102 153 |
Cod de culoare HTML: #FF33CC | Culoare RGB: 255 51 204 |
Cod de culoare HTML: #FF00CC | Culoare RGB: 255 0 204 |
Cod de culoare HTML: #FF66CC | Culoare RGB: 255 102 204 |
Cod de culoare HTML: #660033 | Culoare RGB: 102 0 51 |
Cod de culoare HTML: #993366 | Culoare RGB: 153 51 102 |
Cod de culoare HTML: #CC0066 | Culoare RGB: 204 0 102 |
Cod de culoare HTML: #FF0099 | Culoare RGB: 255 0 153 |
Cod de culoare HTML: #FF3399 | Culoare RGB: 255 51 153 |
Cod de culoare HTML: #FF99CC | Culoare RGB: 255 153 204 |
Cod de culoare HTML: #663333 | Culoare RGB: 102 51 51 |
Cod de culoare HTML: #996666 | Culoare RGB: 153 102 102 |
Cod de culoare HTML: #CC3366 | Culoare RGB: 204 51 102 |
Cod de culoare HTML: #FF0066 | Culoare RGB: 255 0 102 |
Cod de culoare HTML: #FF3366 | Culoare RGB: 255 51 102 |
Cod de culoare HTML: #FF6699 | Culoare RGB: 255 102 153 |
Cod de culoare HTML: #330000 | Culoare RGB: 51 0 0 |
Cod de culoare HTML: #990033 | Culoare RGB: 153 0 51 |
Cod de culoare HTML: #993333 | Culoare RGB: 153 51 51 |
Cod de culoare HTML: #CC3333 | Culoare RGB: 204 51 51 |
Cod de culoare HTML: #CC6666 | Culoare RGB: 204 102 102 |
Cod de culoare HTML: #CC9999 | Culoare RGB: 204 153 153 |
Cod de culoare HTML: #CC0033 | Culoare RGB: 204 0 51 |
Cod de culoare HTML: #FF0033 | Culoare RGB: 255 0 51 |
Cod de culoare HTML: #FF3333 | Culoare RGB: 255 51 51 |
Cod de culoare HTML: #FF6666 | Culoare RGB: 255 102 102 |
Cod de culoare HTML: #FF9999 | Culoare RGB: 255 153 153 |
Cod de culoare HTML: #FFCCCC | Culoare RGB: 255 204 204 |
Cod de culoare HTML: #990000 | Culoare RGB: 153 0 0 |
Cod de culoare HTML: #CC0000 | Culoare RGB: 204 0 0 |
Cod de culoare HTML: #FF0000 | Culoare RGB: 255 0 0 |
Cod de culoare HTML: #FF3300 | Culoare RGB: 255 51 0 |
Cod de culoare HTML: #CC3300 | Culoare RGB: 204 51 0 |
Cod de culoare HTML: #FF6633 | Culoare RGB: 255 102 51 |
Cod de culoare HTML: #660000 | Culoare RGB: 102 0 0 |
Cod de culoare HTML: #993300 | Culoare RGB: 153 51 0 |
Cod de culoare HTML: #CC6633 | Culoare RGB: 204 102 51 |
Cod de culoare HTML: #FF6600 | Culoare RGB: 255 102 0 |
Cod de culoare HTML: #FF9966 | Culoare RGB: 255 153 102 |
Cod de culoare HTML: #FFCC99 | Culoare RGB: 255 204 153 |
Cod de culoare HTML: #663300 | Culoare RGB: 102 51 0 |
Cod de culoare HTML: #996633 | Culoare RGB: 153 102 51 |
Cod de culoare HTML: #CC6600 | Culoare RGB: 204 102 0 |
Cod de culoare HTML: #CC9966 | Culoare RGB: 204 153 102 |
Cod de culoare HTML: #FF9933 | Culoare RGB: 255 153 51 |
Cod de culoare HTML: #FF9900 | Culoare RGB: 255 153 0 |
Cod de culoare HTML: #996600 | Culoare RGB: 153 102 0 |
Cod de culoare HTML: #CC9933 | Culoare RGB: 204 153 51 |
Cod de culoare HTML: #CC9900 | Culoare RGB: 204 153 0 |
Cod de culoare HTML: #FFCC33 | Culoare RGB: 255 204 51 |
Cod de culoare HTML: #FFCC00 | Culoare RGB: 255 204 0 |
Cod de culoare HTML: #FFCC66 | Culoare RGB: 255 204 102 |
Cod de culoare HTML: #CCCC00 | Culoare RGB: 204 204 0 |
Cod de culoare HTML: #FFFF00 | Culoare RGB: 255 255 0 |
Cod de culoare HTML: #FFFF33 | Culoare RGB: 255 255 51 |
Cod de culoare HTML: #FFFF66 | Culoare RGB: 255 255 102 |
Cod de culoare HTML: #FFFF99 | Culoare RGB: 255 255 153 |
Cod de culoare HTML: #FFFFCC | Culoare RGB: 255 255 204 |
Acest tabel include 216 coduri de culoare html sigure. Fiecare culoare are o valoare în RGB pentru specificarea culorii în editorii grafici și HEX pentru specificarea culorii în paginile html.
>>Gestiunea culorilor
Valori hexazecimale de culoare RGB
Metodele de descriere și procesare a culorii diferă unele de altele prin reprezentarea finală pentru care sunt destinate. Să comparăm, de exemplu, reprezentarea culorilor pentru imprimare și pentru monitoarele de computer. În primul caz, se ia baza alb culoarea hârtiei pe care se aplică ulterior trei culori primare: albastru, violetŞi galben. Amestecându-se între ele și cu culoarea albă a hârtiei în proporții diferite, aceste trei culori primare dau nuanțe de culoare diferite, cu excepția negrului pur, sau în absența completă a vopselelor dau hârtie albă. Dacă le adăugăm culoare neagră, obținem CMYK-o metoda de transmitere a culorii cand culoarea ceruta se obtine prin scaderea culorilor lipsa din alb.
În al doilea caz, se ia baza negru culoarea ecranului monitorului, fiecare celulă care strălucește în una dintre cele trei culori: roşu-roşu, verde-verde și albastru-albastru. Apoi, în absența completă a oricărei străluciri, obținem o culoare neagră pură a ecranului, iar oricare dintre culorile necesare este dată de raportul fiecăreia dintre cele trei culori. În acest caz vom obține RGB-metoda de transmitere a culorii. Culorile primare pot varia de la 0
la 255
, sau de la 0%
la 100%
, sau poate fi reprezentat ca o valoare hexazecimală. În figura de mai jos puteți vedea rezultatele amestecării culorilor primare.
Sistemul de numere hexazecimale, spre deosebire de sistemul de numere zecimal, nu are zece cifre, ci șaisprezece - de unde și numele. În consecință, pot exista doar variante nerepetate ale combinațiilor de două cifre - 256 , pentru a continua seria numerelor după 9 scrisori de la O la F, prin urmare, seria va arăta așa -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
În acest caz, culoarea este specificată de trei numere hexazecimale, fiecare dintre ele formată din două cifre. Primul număr determină intensitatea roşu culori, mediu- verde, ultimul- albastru culorile. Toate numerele pot lua valori în intervalul de la 00 la FF(de la 0 la 255). De exemplu: culoarea verde este dată ca #00FF00, roșu - ca #FF0000, albastru - ca #0000FF, alb - ca #FFFFFF, absența completă a culorii sau negru este dat ca #000000 .
În formularul de mai jos puteți specifica orice valori hexazecimale pentru fiecare dintre cele trei culori și puteți vedea rezultatul amestecării lor făcând clic în câmpul de ieșire.
Exemple de valori de culoare RGB hexazecimale: gradații de roșu, albastru și verde.
vedere | cod | vedere | cod | vedere | cod | vedere | cod | vedere | cod | vedere | cod |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Specificarea culorii utilizând literale șir
Pentru ușurință în utilizare, unor culori și combinațiile lor li s-au atribuit nume care sunt recunoscute de toate browserele și a devenit posibilă setarea multor dintre ele după nume. Tabelul de mai jos prezintă câteva dintre numele culorilor:
vedere | Nume | vedere | Nume | vedere | Nume | vedere | Nume |
Alb | Roşu | Portocale | Galben | ||||
Verde | Albastru | Violet | Negru | ||||
Aliceblue | Alb antic | Aqua | Acvamarin | ||||
Azur | Bej | Bisque | Blanchedalmond | ||||
Blueviolet | Maro | Burlywood | Cadetblue | ||||
Chartreuse | Ciocolată | Coral | Albastru de colț | ||||
Mătasea de porumb | Crimson | Cyan | Albastru închis | ||||
Darkcyan | Toarg de aur negru | Gri închis | Verde închis | ||||
Darkkhaki | Magenta închisă | verde-întunecat | Darkorange | ||||
Darkorchid | roșu închis | Darksalmon | Darkseagreen | ||||
Albastru ardezie închis | Gri închis ardezie | Turcoaz închis | Darkviolet | ||||
Deeppink | Deepskyblue | Dimgray | Dodgerblue | ||||
Cărămidă de foc | Floralwhite | Verde de pădure | Fuschia | ||||
Gainsboro | Alb-fantomă | Aur | Vergea de Aur | ||||
Gri | verdegalben | Mană | Hotpink | ||||
Indianred | Indigo | Fildeş | Kaki | ||||
Lavandă | Lavenderblush | Lemonchiffon | Albastru deschis | ||||
Lightcoral | Lightcyan | Lightrecerogalben | Verde deschis | ||||
Gri deschis | Roz deschis | Lightsalmon | Lightseagreen | ||||
Albastru deschis | Gri deschis | Albastru de oțel deschis | galben deschis | ||||
Lămâie verde | Limegreen | Lenjerie | Magenta | ||||
Maro | Mediumaquamarine | Albastru mediu | Mediumorchid | ||||
Mov mediu | Mediumseagreen | Mediumslateblue | verde mijlociu | ||||
Turcoaz mediu | Roșu-violet mediu | Albastru miez de noapte | Cremă de mentă | ||||
Mistyrose | Navajowhite | Marinei | Oldlace | ||||
măsline | Oliverab | Roșu portocaliu | Orhidee | ||||
Palegoldenrod | Verde palid | Paletteurquoise | Palevioletred | ||||
Papayawhip | Peachpuff | Peru | Roz | ||||
Prună | Albastru pudra | Rosybrown | Albastru regal | ||||
maro de șa | Seagreen | scoica de mare | Sienna | ||||
Argint | Skyblue | Slateblue | Slategray | ||||
Zăpadă | Springgreen | Steelblue | bronzat | ||||
Teal | Ciulin | Roșie | Turcoaz | ||||
Violet | Grâu | Fum alb | Galbenverde |
Folosind o paletă de culori sigură
Din păcate, pe platforme diferite, cu setări de sistem diferite, reproducerea corectă a culorilor este o problemă. Chestia este că browserul încearcă întotdeauna să ajusteze paleta de culori a documentului la setările sistemului și la capacitățile monitorului, amestecând în mod independent culorile și înlocuindu-le. Ca urmare, uneori utilizatorul nu vede exact ce a vrut webmasterul să-i arate. O cale de ieșire din această situație a fost găsită în utilizarea unei palete, fiecare culoare a cărei culoare este garantată a fi redată în mod egal de către toate browserele de pe platforme diferite. Acesta este așa-numitul garantat paletă, numită și seif paletă. Această paletă include culori ale căror componente de culoare iau următoarele valori: 00 ,33 ,66 ,99 , CC,FF, în toate modurile posibile 216 combinatiile lor.
vedere | cod | vedere | cod | vedere | cod | vedere | cod | vedere | cod | vedere | cod |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |