Culoare neagră în hexazecimal. Culoarea în stiluri poate fi specificată în diferite moduri: prin valoare hexazecimală, după nume, în format RGB, RGBA, HSL, HSLA. Bazele armoniei culorilor
culori HTML
Culori HTML și modalități de a le specifica
În HTML, există două moduri de a specifica o culoare:
1. Folosind numele culorii,
2. Folosind sistemul RGB, unde culorile sunt specificate în format hexazecimal.
Nume culoare
Nume culori în HTML indicat de cuvinte în limba engleză, cum ar fi roșu sau verde. Numele culorii acționează ca valoare a atributului etichetei HTML. Există o mulțime de nume de flori, în acest articol le vom lua în considerare doar pe cele principale.
De obicei, două atribute sunt utilizate în HTML pentru a seta o culoare:
1. Atribut color="color_name" - culoarea textului,
2. Atribut bgcolor="color_name" - culoarea de fundal.
Exemple de utilizare a atributelor de culoare:
color="red" - atribuiți o culoare roșie textului,
bgcolor="verde" - atribuiți o culoare verde fundalului.
Tabel cu nume de culori HTML de bază:
| Nume culoare | Aspectul lui | Traducere |
|---|---|---|
| alb | alb | |
| fildeş | Fildeş | |
| argint | Argint | |
| gri | Gri | |
| negru | Negru | |
| maro | Maro | |
| roșu | roșu | |
| portocale | Portocale | |
| aur | Aur | |
| galben | Galben | |
| măsline | măsline | |
| lămâie verde | Lămâie verde | |
| verde | Verde | |
| acva | Valul mării | |
| albastru | Albastru | |
| marina | Navi | |
| teal | Turcoaz | |
| fucsie | Magenta | |
| Violet | Violet |
Sistemul numeric hexazecimal
În viața de zi cu zi, folosim sistemul numeric zecimal de la 0 la 9. Programatorii și designerii folosesc adesea sistemul numeric hexazecimal de la 0 la 15, unde:
10 = A
11 = B
12 = C
13 = D
14 = E
15 = F
Aproape fiecare culoare și nuanță vizibilă pentru viziunea noastră poate fi scrisă în sistemul hexazecimal, de exemplu, culoarea roșie roșie în sistemul hexazecimal va fi egală cu ff0000
color="red" - culoare roșie, după nume,
color="#ff0000" — culoare roșie, în sistem numeric hexazecimal.
În HTML, un număr hexazecimal este precedat de semnul hash # în valoarea atributului.
RGB
Înainte de a începe să specificați culorile în HTML folosind sistemul de numere hexazecimale, mai întâi trebuie să învățați despre un astfel de lucru precum R G B
RGB este o abreviere pentru cuvintele Red Green Blue (Red Green Blue).
O culoare în HTML, scrisă în hexazecimal, constă din trei blocuri de numere 00 00 00, unde fiecare bloc este responsabil pentru una dintre culorile RGB, primul bloc pentru roșu, al doilea pentru verde și al treilea pentru albastru. Numerele pot varia de la 00 la ff.
Unde, ff este 255 în notație zecimală.
Schema RGB:
Roșu - de la 00 la ff
Verde - de la 00 la ff
Albastru - de la 00 la ff
Ca rezultat, obținem un număr de șase cifre 000000, unde primele două numere sunt responsabile pentru culoarea roșie, al doilea două numere sunt responsabile pentru culoarea verde, iar al treilea două numere sunt responsabile pentru culoarea albastră.
Dacă vrem să obținem o culoare roșie, atunci scriem ff0000, culoarea verde 00ff00, culoarea albastră 0000ff. De exemplu, dacă dorim să obținem o culoare roșu închis, atunci trebuie să reducem primul bloc de numere și în loc de ff (care este egal cu 255 în sistemul numeric zecimal), scrieți de exemplu 96 (care este egal cu 150 în notație zecimală).
Pentru claritate, dăm exemple de culori și codul lor hexazecimal:
Amestecarea culorilor în HTML
Dacă nu ați ratat orele de desen de la școală, probabil vă amintiți că amestecând uniform roșul cu verdele, puteți obține galben,
cand adaugi putin verde la rosu poti obtine portocaliu etc.
Culorile hexazecimale și RGB pot fi, de asemenea, amestecate:
Experimentând sistemul numeric hexazecimal și RGB, veți înțelege în cele din urmă și veți putea alege culoarea dorită.
Vlad Merjevici
În HTML, culoarea este specificată în unul din două moduri: folosind codul hexazecimal și prin numele anumitor culori. Metoda bazată pe sistemul numeric hexazecimal este utilizată în mod predominant, fiind cea mai universală.
Culori hexazecimale
HTML folosește numere hexazecimale pentru a specifica culorile. Sistemul hexazecimal, spre deosebire de sistemul zecimal, se bazează, după cum sugerează și numele, pe numărul 16. Numerele vor fi după cum urmează: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Numerele de la 10 la 15 sunt înlocuite cu litere latine. În tabel 6.1 arată corespondența dintre numerele zecimale și hexazecimale.
Numerele mai mari de 15 în sistemul hexazecimal sunt formate prin combinarea a două numere într-unul singur (Tabelul 6.2). De exemplu, numărul 255 în zecimală corespunde numărului FF în hexazecimal.
Pentru a evita confuzia în definirea sistemului numeric, un număr hexazecimal este precedat de un simbol hash #, de exemplu #aa69cc. În acest caz, cazul nu contează, așa că este permis să scrieți #F0F0F0 sau #f0f0f0.
O culoare tipică folosită în HTML arată astfel.
Aici culoarea de fundal a paginii web este setată la #FA8E47. Simbolul hash # în fața unui număr înseamnă că este hexazecimal. Primele două cifre (FA) definesc componenta roșie a culorii, a treia până la a patra cifre (8E) definesc componenta verde, iar ultimele două cifre (47) definesc componenta albastră. Rezultatul final va fi această culoare.
| FA. | + | 8E | + | 47 | = | FA8E47 |
Fiecare dintre cele trei culori - roșu, verde și albastru - poate lua valori de la 00 la FF, rezultând un total de 256 de nuanțe. Astfel, numărul total de culori poate fi 256x256x256 = 16.777.216 combinații. Un model de culoare bazat pe componente roșu, verde și albastru se numește RGB (roșu, verde, albastru; roșu, verde, albastru). Acest model este aditiv (din add - add), în care adăugarea tuturor celor trei componente formează culoarea albă.
Pentru a facilita navigarea în culorile hexazecimale, luați în considerare câteva reguli.
- Dacă valorile componentelor de culoare sunt aceleași (de exemplu: #D6D6D6), atunci rezultatul va fi o nuanță gri. Cu cât numărul este mai mare, cu atât culoarea este mai deschisă, cu valori cuprinse între #000000 (negru) și #FFFFFF (alb).
- O culoare roșie aprinsă se formează dacă componenta roșie este maximă (FF) și componentele rămase sunt setate la zero. O culoare cu valoarea #FF0000 este cea mai roșie nuanță roșie posibilă. Același lucru este valabil și pentru verde (#00FF00) și albastru (#0000FF).
- Galbenul (#FFFF00) este realizat prin amestecarea roșului cu verdele. Aceasta este clar vizibilă pe roata de culori (Fig. 6.1), care prezintă culorile primare (roșu, verde, albastru) și altele complementare sau suplimentare. Acestea includ galben, cyan și violet (numit și magenta). În general, orice culoare poate fi obținută prin amestecarea culorilor în apropierea acesteia. Astfel, cyan (#00FFFF) se obține prin combinarea albastrului și verdelui.
Orez. 6.1. Cercul de culoare
Culorile bazate pe valori hexazecimale nu trebuie să fie selectate empiric. În acest scop, este potrivit un editor grafic care poate lucra cu diferite modele de culoare, de exemplu, Adobe Photoshop. În fig. Figura 6.2 prezintă fereastra pentru selectarea unei culori în acest program; valoarea hexazecimală rezultată a culorii curente este conturată cu o linie. Îl puteți copia și lipi în codul dvs.
Orez. 6.2. Fereastra pentru alegerea culorilor în Photoshop
Culori web
Dacă setați calitatea de redare a culorii a monitorului la 8 biți (256 de culori), atunci aceeași culoare poate fi afișată diferit în browsere diferite. Acest lucru se datorează modului în care sunt afișate graficele, când browserul funcționează cu propria paletă și nu poate afișa o culoare care nu este în paleta sa. În acest caz, culoarea este înlocuită cu o combinație de pixeli de alte culori, apropiate acesteia, care o imită pe cea dată. Pentru a vă asigura că culoarea rămâne aceeași în diferite browsere, a fost introdusă o paletă de așa-numitele culori web. Culorile web sunt acele culori pentru care fiecare componentă - roșu, verde și albastru - este setată la una dintre cele șase valori - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Valoarea hexazecimală a acestei componente este indicată între paranteze. Numărul total de culori din toate combinațiile posibile dă 6x6x6 - 216 culori. Un exemplu de culoare web este #33FF66.
Caracteristica principală a culorii web este că apare la fel în toate browserele. În prezent, relevanța culorilor web este foarte mică datorită îmbunătățirii calității monitoarelor și extinderii capacităților acestora.
Culori după nume
Pentru a evita să vă amintiți un set de numere, puteți utiliza în schimb numele culorilor utilizate în mod obișnuit. În tabel 6.3 arată numele numelor de culori populare.
| Nume culoare | Culoare | Descriere | Valoare hexazecimală |
|---|---|---|---|
| negru | Negru | #000000 | |
| albastru | Albastru | #0000FF | |
| fucsie | violet deschis | #FF00FF | |
| gri | Gri inchis | #808080 | |
| verde | Verde | #008000 | |
| lămâie verde | Verde deschis | #00FF00 | |
| maro | Roșu-închis | #800000 | |
| marina | Albastru inchis | #000080 | |
| măsline | măsline | #808000 | |
| Violet | Violet închis | #800080 | |
| roșu | roșu | #FF0000 | |
| argint | Gri deschis | #C0C0C0 | |
| teal | Albastru verde | #008080 | |
| alb | alb | #FFFFFF | |
| galben | Galben | #FFFF00 |
Nu contează dacă specificați o culoare după numele ei sau folosind numere hexazecimale. Aceste metode sunt egale ca efect. Exemplul 6.1 arată cum să setați culorile de fundal și text ale unei pagini web.
Exemplul 6.1. Culoare de fundal și text
Exemplu de text
În acest exemplu, culoarea de fundal este setată folosind atributul bgcolor al etichetei
, și culoarea textului prin atributul text. Pentru varietate, atributul text este setat la un număr hexazecimal, iar atributul bgcolor este setat la cuvântul cheie rezervat teal .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. Cu toate acestea, 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 nu țin cont de majuscule și minuscule.
Fiecare caracter scris după „#” corespunde unei anumite proporții a culorilor 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 este cel mai asemănător ș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 atins punctul în care monitoarele și browserele moderne recunosc milioane de nuanțe, vă recomandăm să utilizaț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.
Tabel (paleta) de culori html vă oferă posibilitatea de a alege în mod independent tonul de care aveți nevoie. Valoarea culorii este afișată în trei formate: Hex, RGB și HSV.
- Hex constă din trei valori de două caractere în sistemul numeric hexazecimal. De exemplu: #ff00b3, unde prima pereche de numere este roșie, a doua este verde și a treia este albastră.
- RGB (RedGreenBlue) are forma „200.100.255”, indicând cantitatea tonului corespunzător (roșu, verde, albastru) în culoarea rezultată.
- HSV (Nuanță, Saturație, Valoare - ton, saturație, valoare) - un model de culoare în care coordonatele sunt:
- Nuanță - ton de culoare, poate varia de la 0° la 360°.
- Saturație - saturație, variază de la 0-100 sau 0-1. Cu cât este mai mare acest parametru, cu atât culoarea este mai „pură”, motiv pentru care acest parametru este uneori numit puritate a culorii. Și cu cât acest parametru este mai aproape de zero, cu atât culoarea este mai aproape de gri neutru.
- Valoare (valoarea culorii) - setează luminozitatea, valoarea poate varia și între 0-100 sau 0-1.
Introdu codul de culoare: MERGE
Lista de culori cu nume
Tabelul listează numele de culori în limba engleză (care pot fi utilizate ca valori) acceptate de toate browserele și valorile lor hexazecimale. Toate culorile enumerate sunt „sigure”, ceea ce înseamnă că vor apărea la fel în toate browserele.
| Nume culoare | HEX | Culoare |
|---|---|---|
| Negru | #000000 | |
| Marinei | #000080 | |
| Albastru inchis | #00008B | |
| Albastru mediu | #0000CD | |
| Albastru | #0000FF | |
| Verde inchis | #006400 | |
| Verde | #008000 | |
| Teal | #008080 | |
| DarkCyan | #008B8B | |
| DeepSkyBlue | #00BFFF | |
| Turcoaz închis | #00CED1 | |
| MediumPrimăvaraVerde | #00FA9A | |
| Lămâie verde | #00FF00 | |
| SpringGreen | #00FF7F | |
| Aqua | #00FFFF | |
| Cyan | #00FFFF | |
| Midnight Blue | #191970 | |
| DodgerBlue | #1E90FF | |
| LightSeaGreen | #20B2AA | |
| Padure verde | #228B22 | |
| Mare verde | #2E8B57 | |
| DarkSlateGray | #2F4F4F | |
| Verde lime | #32CD32 | |
| MediumSeaGreen | #3CB371 | |
| Turcoaz | #40E0D0 | |
| Albastru regal | #4169E1 | |
| SteelBlue | #4682B4 | |
| DarkSlateBlue | #483D8B | |
| Turcoaz mediu | #48D1CC | |
| Indigo | #4B0082 | |
| DarkOliveGreen | #556B2F | |
| Cadet Blue | #5F9EA0 | |
| Floarea de colțAlbastru | #6495ED | |
| MediumAquaMarine | #66CDAA | |
| DimGray | #696969 | |
| Ardezie albastră | #6A5ACD | |
| OliveDrab | #6B8E23 | |
| Gri ardezie | #708090 | |
| LightSlateGray | #778899 | |
| Medium SlateBlue | #7B68EE | |
| GazonVerde | #7CFC00 | |
| Chartreuse | #7FFF00 | |
| Acvamarin | #7FFFD4 | |
| Maro | #800000 | |
| Violet | #800080 | |
| măsline | #808000 | |
| gri | #808080 | |
| Cer albastru | #87CEEB | |
| LightSkyBlue | #87CEFA | |
| Albastru violet | #8A2BE2 | |
| Roșu-închis | #8B0000 | |
| DarkMagenta | #8B008B | |
| SaddleBrown | #8B4513 | |
| DarkSeaGreen | #8FBC8F | |
| Verde deschis | #90EE90 | |
| Violet mediu | #9370D8 | |
| DarkViolet | #9400D3 | |
| Verde palid | #98FB98 | |
| DarkOrhid | #9932CC | |
| Galben verde | #9ACD32 | |
| Sienna | #A0522D | |
| Maro | #A52A2A | |
| Gri închis | #A9A9A9 | |
| Albastru deschis | #ADD8E6 | |
| Verde galben | #ADFF2F | |
| Turcoaz Pale | #AFEEEE | |
| LightSteelBlue | #B0C4DE | |
| Pudra albastra | #B0E0E6 | |
| FireBrick | #B22222 | |
| DarkGoldenRod | #B8860B | |
| MediumOrhid | #BA55D3 | |
| RosyBrown | #BC8F8F | |
| Kaki închis | #BDB76B | |
| Argint | #C0C0C0 | |
| MediumVioletRed | #C71585 | |
| IndianRed | #CD5C5C | |
| Peru | #CD853F | |
| Ciocolată | #D2691E | |
| bronzat | #D2B48C | |
| Gri deschis | #D3D3D3 | |
| PaleViolet Red | #D87093 | |
| Ciulin | #D8BFD8 | |
| Orhidee | #DA70D6 | |
| GoldenRod | #DAA520 | |
| purpuriu | #DC143C | |
| Gainsboro | #DCDCDC | |
| Prună | #DDA0DD | |
| BurlyWood | #DEB887 | |
| LightCyan | #E0FFFF | |
| Lavandă | #E6E6FA | |
| DarkSomon | #E9967A | |
| violet | #EE82EE | |
| PaleGoldenRod | #EEE8AA | |
| LightCoral | #F08080 | |
| Kaki | #F0E68C | |
| AliceBlue | #F0F8FF | |
| Mană | #F0FFF0 | |
| Azur | #F0FFFF | |
| SandyBrown | #F4A460 | |
| Grâu | #F5DEB3 | |
| Bej | #F5F5DC | |
| Fum alb | #F5F5F5 | |
| MintCream | #F5FFFA | |
| GhostWhite | #F8F8FF | |
| Somon | #FA8072 | |
| Alb antic | #FAEBD7 | |
| Lenjerie | #FAF0E6 | |
| LightGoldenRodYellow | #FAFAD2 | |
| Old Lace | #FDF5E6 | |
| roșu | #FF0000 | |
| Fucsie | #FF00FF | |
| Magenta | #FF00FF | |
| Roz închis | #FF1493 | |
| Portocaliu rosu | #FF4500 | |
| Roșie | #FF6347 | |
| HotPink | #FF69B4 | |
| Coral | #FF7F50 | |
| Darkorange | #FF8C00 | |
| LightSomon | #FFA07A | |
| Portocale | #FFA500 | |
| Roz deschis | #FFB6C1 | |
| Roz | #FFC0CB | |
| Aur | #FFD700 | |
| PeachPuff | #FFDAB9 | |
| NavajoWhite | #FFMORT | |
| Mocasin | #FFE4B5 | |
| Bisque | #FFE4C4 | |
| MistyRose | #FFE4E1 | |
| Migdale albite | #FFEBCD | |
| PapayaWhip | #FFEFD5 | |
| LavenderBlush | #FFF0F5 | |
| Seashell | #FFF5EE | |
| Matase de porumb | #FFF8DC | |
| LemonChiffon | #FFFACD | |
| FloralAlb | #FFFAF0 | |
| Zăpadă | #FFFAFA | |
| Galben | #FFFF00 | |
| Lumină galbenă | #FFFFE0 | |
| Fildeş | #FFFFFF0 | |
| alb | #FFFFFF |
Această pagină conține un tabel cu cuvinte cheie care pot fi folosite pentru a desemna culori în astfel de limbaje pentru dezvoltatori web precum: HTML, CSS, JavaScript, Flash etc.
În vechile specificații pentru concernul WC3 erau specificate doar 16 cuvinte cheie, cu ajutorul cărora erau setate culorile în HTML și CSS. În alte specificații, mai moderne, au fost adăugate alte 130 de cuvinte cheie pentru a indica numele culorilor. Următorul tabel conține numele culorilor și codurile hexadecimale și RGB cărora le corespund.
Conform regulilor CSS, numele culorilor nu țin cont de majuscule și minuscule. Intrările de culoare IndianRed și indianred sunt echivalente.
De asemenea, este de remarcat faptul că dintre cele 146 de cuvinte cheie din tabel, există de fapt mai puține culori în el. Acest lucru se datorează faptului că unele cuvinte cheie se referă la aceeași culoare. Astfel, denumirile Gri și Gri reprezintă codul de culoare gri 50% #808080, iar cuvântul Magenta este sinonim pentru culoarea HTML Fuchsia, corespunzător codului hexazecimal #FF00FF. De asemenea, sunt sinonime cuvintele Aqua și Cyan, ele corespund codului #00FFFF.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||