Culoarea indigo în Word. Nume de culori și nuanțe

Tabel (paletă) 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 (Hue, Saturation, Value - tone, saturation, value) - 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 afișează numele culorilor engleză(care pot fi folosite 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.

Paleta de culori și nuanțe folosite de artiști și designeri este pur și simplu uimitoare. Și datorită tendințelor în schimbare, fashionistele din întreaga lume studiază la fel de sârguincios schemele de culori, la fel ca revistele de modă. Astfel, la o examinare mai atentă, culoarea galbenă familiară se împarte în: muștar, auriu, lămâie, șofran, canar, para, porumb, chartreuse, mugur de primăvară, galben dalie, mandarine, auriu antic... și aceasta nu este o listă completă. a nuantelor sale! Cum să înțelegeți varietatea existentă de nuanțe și, cel mai important, este necesar? La urma urmei, percepția culorii este pur subiectivă, este influențată nu numai de factori culturali, ci și de cei fiziologici (capacitatea ochiului de a distinge nuanțele de culoare variază de la persoană la persoană prin natură). În plus, o nuanță poate părea mai caldă sau mai rece, în funcție de culorile care o înconjoară.

Culori și nuanțe reci

Pentru a demonstra în mod clar continuitatea tranzițiilor de culori și nuanțe, se folosește o roată de culoare. Se bazează pe trei culori: roșu, galben și albastru. Când amestecăm aceste culori între ele, obținem culori intermediare: portocaliu, verde și violet. Toate celelalte nuanțe sunt obținute prin amestecarea acestor culori între ele, precum și cu alb și negru.

Există trei moduri principale de a afișa roata de culori, deși sunt în esență același lucru.

Baza culorilor reci este o nuanță albăstruie. Dacă, când te uiți la o culoare, îți poți imagina că albastru, gri sau - această nuanță este rece - strălucește prin ea.

Nuanțele reci sunt:

• roșu închis;

• cocenila;

• stacojiu;

• alizarina;

• purpuriu;

• cardinal;

• magenta;

• vânătă;

• glicine;

• citric;

• taup;

• jad;

• acvamarin;
• indigo;

• albastru prusac;

• gridperleft;

• antracit;

• Marengo.

Nuanțe calde de culori

Trebuie avut în vedere faptul că percepția multor nuanțe depinde de culorile din apropiere. Expresia „totul este cunoscut prin comparație” este foarte relevantă pentru temperatura culorii. Chiar și printre nuanțele aceleiași scale de temperatură, puteți găsi nuanțe mai calde și mai reci. Cel mai simplu mod de a compara nuanțele este cu un neutru (de exemplu, alb). Nuanțele calde de culoare vor avea o „strălucire” de galben, roșu sau roz.

Acestea includ:

În plus, există și așa-numitele culori neutre:

Pentru o combinație corectă de culori și nuanțe, ar trebui să învățați să distingeți tonurile calde de cele reci. Există trei moduri de a crea compoziții de culoare.

Pentru prima dintre ele se aleg mai multe nuanțe de aceeași culoare. Această metodă este potrivită pentru crearea de ansambluri discrete, elegante.

Pentru a doua, culorile adiacente (situate una lângă alta pe roata de culori) sunt combinate.

A treia metodă folosește culori complementare (situate în părți opuse ale roții de culoare). În acest fel, se obțin cele mai atrăgătoare și eficiente compoziții.

După cum puteți vedea, încă merită să învățați să faceți distincția între culorile și nuanțe calde și reci, dar nu este deloc necesar să memorați numele fiecăruia dintre zecile de tonuri și semitonuri. Chiar dacă ești stilist sau designer, va fi mai ușor să porți cu tine mai multe palete de culori cu nume decât să ții cont constant de culori. În plus, este mult mai ușor să arăți un exemplu de culoare decât să încerci să explici diferența dintre, de exemplu, roșu indian, somon și coral deschis.

Bună ziua, dragi cititori ai site-ului blogului. Continui să public articole în secțiunea „”. Astăzi vreau să vorbesc despre culorile din codul HTML și CSS, să explic pentru cei care încă nu știu cum le puteți seta, cum sunt formate, cum să folosiți programe special concepute pentru aceasta pentru a căuta sau a captura culoarea dorită și mult mai mult.

Întrebarea de a specifica nuanța dorită poate fi deosebit de relevantă pentru webmasterii începători, atunci când codurile date în documentul web nu sunt complet clare (de exemplu, #f3af6c) și nu este clar cum și unde pot fi obținute aceste informații (de unde să găsiți HTML și culori CSS), și cum să le folosiți pentru a proiecta un text sau orice alt bloc al unui document web.

Permiteți-mi să vă reamintesc că ne-am familiarizat deja cu principiile fundamentale folosite în . De asemenea, ne-am uitat deja la etichete și am învățat, am învățat multe și cum.

Coduri și tabel de culori RGB de bază

Este destul de logic ca în limbajul de marcare hipertext și în foile de stil în cascadă să existe posibilitatea unui design color al documentelor, deoarece în altfel site-urile ar fi foarte plictisitoare și de același tip. Pentru a face acest lucru, ei folosesc de obicei un model numit RGB (un acronim derivat din trei cuvinte englezești pentru roșu, verde și albastru).

În modelul RGB sunt folosite doar trei culori (este clar că acestea sunt roșu, verde și albastru), fiecare dintre acestea putând fi reprezentată cu diferite niveluri strălucirea strălucirii. Pentru fiecare canal (roșu, verde și albastru), puteți selecta unul dintre cele 256 de niveluri de luminozitate posibile. Numărul 256 este luat deoarece atât de multe valori de nuanță pot fi codificate într-un octet de informații.

În consecință, pentru documentul nostru web putem alege orice nuanță dintr-un număr mare de posibile (256*256*256). De exemplu, pentru a obține negru, toate cele trei canale ale schemei de culori trebuie să aibă o valoare de luminozitate zero, iar pentru a obține alb, roșu, verde și albastru trebuie să aibă luminozitate maximă.

Să încercăm acum să ne dăm seama cum să setăm luminozitatea în fiecare canal și câte posibilități avem pentru asta?

De fapt, există două căi principale:

1. setare prin înregistrarea luminozității pentru fiecare canal (roșu, verde și albastru) în notație hexazecimală
2. sarcină prin introducerea numelui culorii în codul documentului web

Să începem cu cele complexe și să încercăm să ne dăm seama cum să scriem culorile în cod hexazecimal. Dacă am vrea, de exemplu, să notăm codul pentru alb în sistemul zecimal, am obține codul 256 256 256, iar pentru negru - 0 0 0. Aici, probabil, totul este clar.

Dar în sistemul numeric hexazecimal, pe lângă cifrele arabe, sunt folosite și primele șase litere ale alfabetului latin și există o specificitate proprie în formarea numerelor. Nu cred că merită să aprofundăm acest lucru, dar, ca exemplu, voi spune că albul pentru HTML poate fi setat astfel: #ffffff, iar negru astfel: #000000. Aceste. 00 corespunde cu 0 în notație zecimală, iar ff corespunde cu 256.

Aceste. pe canal Culori RGB Codul CSS permite două cifre hexazecimale, astfel încât intrările de valoare de culoare constau din șase cifre (sau litere care sunt echivalente cu cifre în hexazecimal), precedate de semnul hash „#”. Este destul de simplu.

De exemplu, în tabelul de mai jos pentru cele mai simple nuanțe, intrările lor hexazecimale vor arăta astfel:

Desigur, nu sunteți obligat să veniți cu și să comparați coduri de nuanțe hexazecimale cu cele pe care doriți să le vedeți în proiectul dvs. de internet. Puteți selecta culorile pentru site în orice editor grafic (chiar și în ), unde cu siguranță vi se va afișa o înregistrare a acestei nuanțe în format RGB, sau găsiți un tabel de culori Html și copiați codul de care aveți nevoie de acolo.

Culorile Yandex - selecția paletei de nuanțe RGB în rezultatele Yandex

Nu vreau să-l folosesc în acest scop editor grafic sau cauti un tabel cu coduri? Nici o problemă. Derulați puțin în jos această pagină și veți găsi o mulțime de programe care sunt specifice și adaptate special pentru lucrul cu culoarea în cod Html sau CSS.

Dacă acest lucru nu vă convine, deschideți-l și introduceți-l în bara de căutare cerere cu numele acelei nuanțe, care vă interesează (deși puteți introduce pur și simplu: gri-maro-zmeură).

Drept urmare, în partea de sus a rezultatelor căutării, veți vedea un tabel de paletă Yandex.Colors foarte convenabil pentru selectarea culorilor pentru site-ul dvs. În colțul din dreapta jos al acestei palete puteți copia codul hexazecimal al nuanței de care aveți nevoie (în fața ei există un marcaj hash), pe care apoi trebuie doar să-l lipiți în locul potrivit în documentul dvs. web.

Toate acestea se realizează datorită așa-numitului, care este conceput pentru a ajuta designerii și designerii de layout.

Puteți setați culoarea în bara de căutare Yandex, atât sub forma numelui, cât și sub forma unui cod - ca urmare, veți vedea cum va arăta pe ecran și, dacă este necesar, puteți obține notația sa hexazecimală.

De fapt, acest instrument poate fi util utilizatori obișnuiți Internetul, de exemplu, pentru a înțelege cum va arăta mobilierul în nuanța argintiului-maro-zmeură-pătat. De asemenea, puteți viziona un videoclip despre utilizarea acestui vrăjitor Yandex:

Unele culori în limbajul de marcare hipertext poate fi specificat folosind cuvinte, de exemplu, „negru” înseamnă negru, „alb” înseamnă alb etc. Dar există o avertizare. Prin urmare, setarea culorii este posibilă numai pentru un număr limitat dintre ele.

Ei bine, în primul rând, este probabil clar că nu veți putea reprezenta toate cele 16 milioane de nuanțe posibile în schema RGB folosind cuvinte în orice tabel (veți să obosiți să defilați prin el).

În al doilea rând, în validatorul W3C pentru specificația Hypertext Markup Language 4.01 (este pe deplin acceptată de toate browsere posibile momentan) sunt definite doar 16 culori, care pot fi specificate in cod Html sau CSS cu cuvintele:

De asemenea, puteți găsi tabele de nuanțe mult mai detaliate care pot fi specificate în cuvinte în cod, dar există posibilitatea ca în unele browsere această culoare să nu fie afișată corect.

Prin urmare, pe lângă tabelul cu 16 nuanțe de bază prezentate chiar mai sus, toate celelalte culori ar trebui specificate în cod documente web folosind doar notația hexazecimală, pentru a evita excesele inutile.

Utilizarea codurilor de culoare și a numelor în webmastering

Pe în acest moment toate designul exterior pagini web lăsat la CSS (cascading style sheets) și specificarea codului de culoare direct în Html este extrem de rar, dar încă apare. În plus, există situații în care este imposibilă utilizarea tabelelor externe dintr-un motiv sau altul. Stiluri CSS(de exemplu, în cazul creării unei ediții).

Prin urmare, voi da în continuare un exemplu de setare a culorilor în Html, deși în acest caz vor fi deja folosite etichete nerecomandate de validatorul W3C. De exemplu, anterior culoarea pentru fundal era setată în eticheta „BODY” prin atributul „bgcolor”, iar textul era colorat imediat pe întreaga pagină web folosind atributul „text”.

Setarea nuanțelor necesare în acest caz ar putea arăta, de exemplu, astfel:

Conținutul documentului

Rezultatul este o pagină web cu fundal bej și font albastru închis. Înainte de a intra în uz CSS, pentru a schimba culoarea fontului oricărei secțiuni individuale de text, eticheta „FONT”, care nu mai este recomandată de validatorul W3C, era utilizată pe scară largă, în care atributul „culoare” cu același nume era inclus pentru seteaza culoarea:

secțiune de text care trebuia colorată în albastru

Pentru a vedea rezultatul codului scris pe ecran, trebuie să salvați acest fișier cu extensia html și apoi să îl deschideți în orice browser convenabil pentru dvs.

Acum, pentru ca aspectul site-ului dvs. să fie considerat valid, este recomandat setați culorile elementelor din foaia de stil în cascadă prin reguli și proprietăți adecvate. Regulile pentru o astfel de inserare în CSS nu diferă de cele descrise mai sus.

După cum puteți vedea, uneori, pentru a scurta notația de nuanță, nu sunt folosite șase caractere, ci doar trei, dacă se potrivesc pentru fiecare canal - „#6с0” în loc de „#66с00”.

Selectați o culoare din paleta unui program special sau capturați-o de pe ecran

După cum am scris chiar mai sus, schema de culori RGB (roșu, verde, albastru) este folosită peste tot. Pentru fiecare dintre cele trei culori principale, există 256 de gradări - de la 0 la 255 (dacă convertim aceste valori în sistemul numeric hexazecimal, obținem - de la 00 la FF).

Deoarece avem trei culori principale, din combinația cărora se formează toate celelalte nuanțe, apoi notația hexazecimală va arăta cam așa: 99FF66 (nuanță de verde). Adăugând # în fața acestuia, obținem codul #99FF66, care poate fi folosit atât în ​​HTML, cât și în fișierele de stil. Este de la sine înțeles că tu însuți nu trebuie să-ți dai seama și să-ți amintești toate aceste prostii.

Pentru aceasta puteți folosi program special, permițându-vă să selectați nuanța dorită pe paletă (sau capturați-l de pe ecran instrument ca o pipetă) și obțineți imediat codul acestuia. Nu trebuie să aveți un program, ci mergeți la Yandex și introduceți numele oricărei culori în bara de interogări (am scris despre asta chiar mai sus).

Iată o listă de programe care vă permit să implementați pe deplin toate acestea:

Mult succes pentru tine! Ne vedem curând pe paginile site-ului blogului

S-ar putea să fiți interesat

Liste în cod HTML - etichete UL, OL, LI și DL
Cum să inserați un link și o imagine (foto) în HTML - Etichete IMG si A
Cum să creați un hyperlink (A, Href, țintă gol), cum să îl deschideți într-o fereastră nouă pe site și, de asemenea, să faceți o imagine un link în codul HTML
Font (față, dimensiune și culoare), etichete Blockquote și Pre - formatare de text moștenită în HTML pur (fără folosind CSS)
Tabele în HTML - etichete Table, Tr și Td, precum și Colspan, Cellpadding, Cellspacing și Rowspan pentru a le crea
Formulare HTML pentru site - etichete Form, Input and Select, Option, Textarea, Label și altele pentru crearea elementelor de formular web Selectați, Opțiune, Zona de text, Etichetă, Set de câmpuri, Legendă - Etichete HTML pentru forma de liste derulante și câmpuri de text
imagine- Etichetă HTML pentru inserarea unei imagini (Src), alinierea și înfășurarea textului în jurul acesteia (alinierea), precum și setarea fundalului (fundal)
Directivele de comentariu și Doctype în codul HTML, precum și conceptul de elemente bloc și inline (etichete)
Ce este limbajul de marcare hipertext HTML și cum să vizualizați o listă cu toate etichetele în validatorul W3C
Caractere spații albe și formatarea codului lor în Html, precum și caractere speciale care nu se îndepărtează și alte mnemonice

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 setează culoarea fontului folosind diverse sisteme redarea culorii. 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:

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 de zerouri. 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.