Elementele de bază ale lucrului cu culoarea în html, tabelele și codurile de culori html, html

Din păcate, nu este încă posibil să afișați senzațiile de gust pe site. Dar acest lucru poate fi compensat pe deplin cu ajutorul unei scheme de culori. La urma urmei, culorile html vă permit să afișați oricare din milioanele de nuanțe. Deci, în colecția sa există mult mai multe "creioane de culoare" decât șapte.

Culori în html

În culoarea html pot fi setate în mai multe formate:

1. Sub forma unei valori hexazecimale se utilizează codul specificat în sistemul hexazecimal de calcul. Aceste coduri de culoare în html constau din trei perechi de numere hexazecimale. Fiecare pereche este responsabilă pentru saturarea nuanței cu culoarea sa principală:

La începutul codului (în fața cifrelor), grila este plasată. Acesta este codul de culoare hexazecimal. În plus față de numerele de la 1 la 9, literele latine (A, B, C, D, E, F) sunt utilizate în acest sistem de calcul.

De exemplu, codul culorii albe din html va arata ca #FFFFFF:

2. Cuvântul cheie - acum html acceptă aproximativ 147 de cuvinte cheie. Dar nu toate aceste cuvinte sunt unice. Unele dintre ele se referă la aceeași culoare.

Gri este indicat de două cuvinte cheie: gri și gri. Codul lor hexazecimal (HEX) este specificat de aceeași valoare # 808080.

3. În format RGB - această codare a culorilor în html se bazează pe utilizarea a trei valori, setate în intervalul de la 0 la 255. Fiecare determină saturația nuanței cu una dintre culorile primare:

Numărul de culori în format RGB este scris după cum urmează: rgb (0, 210, 100).

4. În format RGBA - este un format îmbunătățit RGB. unde a patra valoare este transparența culorii sub forma unei fracții zecimale de la 0 la 1.

Tabele de culori html și generatoare de culori

Cu o gamă atât de largă de setări de culoare, este ușor de confundat. Prin urmare, a fost inventată o masă specială de culoare. În ea, la 147 nume de culori ale nuanțelor de culoare sunt date codurile de conformitate în toate standardele de bază ale reprezentării culorilor. În plus, fiecare câmp este echipat cu o bară pentru potrivirea vizuală a culorilor. Una dintre aceste tabele este pe site-ul colorscheme.ru:

Dar chiar și cu ajutorul unei astfel de structurări a potrivirii, alegerea umbrei dorite poate fi dificilă. Și nu faptul că tabelul de coduri de culoare este cel potrivit.

Pentru a evita acest obstacol și pentru a simplifica selecția nuanței dorite, au fost dezvoltate servicii interactive de web. Interfața lor de utilizator poate fi oarecum diferită.

Pe site-ul html-color-codes.info, generatorul de culori are următoarea formă:

Și în cadrul serviciului color-picker.appsmaster.co, acest instrument este implementat puțin diferit:

Saturația fiecărei culori a generatorului este stabilită cu ajutorul unor glisoare speciale. Culoarea vizuală este indicată de culoarea cadrului și de dreptunghiul din partea stângă. Mai jos, în 3 câmpuri, codul de culoare este afișat în formatele principale.

Siguranța în lucrul cu culoarea

Apoi a fost afișată o masă mare de culori sigure. Acesta a indicat 216 de nuanțe care ar putea fi afișate fără distorsiuni în niciunul dintre browserele de atunci. Și până în ziua de astăzi acest "mare manuscris" este încă disponibil pe anumite resurse:

În epoca noastră, totul sa schimbat. Prin urmare, toate regulile de siguranță pentru lucrul cu culoarea în html sunt complet anulate. La urma urmei, hardware-ul modern de calculator suporta mai mult de 16 milioane de nuante diferite. Și 216 de culori sigure au căzut în uitare.

Elementele de bază ale armoniei culorilor

Nu toți suntem înzestrați cu un sentiment armonios natural al gustului. Prin urmare, selectarea corectă a culorilor poate fi un test real. Dar, știința de laudă, chiar armonie de culoare, ea a reușit să descrie sub forma mai multor scheme. Toate acestea se bazează pe utilizarea unei roți de culoare. Schemele de potrivire a culorilor armonioase în html:

O schemă de culori paralele - când ambele nuanțe în cercul de culoare sunt paralele;
Schema triadei - la baza tuturor unghiurilor triunghiului se află una din culori;
Monocromatic - când se selectează mai multe nuanțe închise ale aceleiași culori;
Un analog este o versiune mai extinsă a unui circuit monocromatic. În acest caz, nuanțele aceleiași culori sunt la o anumită distanță.

Implementarea tuturor acestor scheme este bine reprezentată în serviciul paletton.com. Vă permite să implementați cu ușurință o selecție armonioasă de culori.

Dar nu luați aceste scheme ca standarde de armonie a culorilor. În acest caz, nimeni nu a abandonat abordarea creativă. Și s-ar putea dovedi că voi veți deschide o nouă schemă de culori perfecte.

Articole similare

Pagina anterioară