Culoarea stilurilor poate fi specificată în diferite moduri: prin valori hexazecimale, după nume, prin formatul RGB, RGBA, HSL, HSLA. Culoarea stilurilor poate fi specificată în diferite moduri: prin valori hexazecimale, după nume, prin format RGB, RGBA, HSL, HSLA etc.

Tabel (paleta) de culori html Vă oferă posibilitatea de a selecta în mod independent tonul de care aveți nevoie. Valorile culorilor sunt afișate în trei formate: Hex, RGB și HSV.

• Hex constă din trei două valori simbolice în al șaisprezecelea sistem numeric. De exemplu: #ff00b3, prima pereche de numere este roșie, cealaltă este verde și a treia este albastră.
• RGB (RedGreenBlue) arată ca „200.100.255”, ceea ce indică cantitatea de tonuri similare (roșu, verde, albastru) în culoare.
• HSV (Hue, Saturation, Value - tone, saturation, value) - model de culoare, în care coordonatele sunt:
  • Nuanță - ton colorat, poate fi schimbat între 0° și 360°.
  • Saturație - saturație, care variază între 0-100 și 0-1. Cu cât acest parametru este mai mare, cu atât culoarea este mai pură, astfel încât acest parametru este uneori numit culoare de puritate. Ș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, valorile pot fi modificate și între 0-100 și 0-1.

Introdu codul de culoare: MERGE

Lista de bilete cu nume

Tabelul a rearanjat numele culorilor în engleză (care pot fi schimbate ca semnificații), care sunt acceptate de toate browserele, și valorile lor hexazecimale. Toate selecțiile de culori sunt „sigure”, așa că vor apărea la fel în toate browserele.

Pentru a seta culorile, sunt folosite numere în coduri hexazecimale. Al șaisprezecelea sistem, în loc de al zecelea sistem, se bazează, după cum sugerează și numele, pe numărul 16. Vor apărea numerele: 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. Numerele mai mari de 15 în al șaisprezecelea sistem sunt create prin combinarea a două numere într-unul singur. De exemplu, numărul 255 în al zecelea sistem este confirmat de numărul FF în al șaisprezecelea sistem. Pentru a evita confuzia cu sistemul de numere desemnat, puneți simbolul # înaintea celui de-al șaisprezecelea număr, de exemplu #666999. Piele din trei culori - roșu, verde și albastru - pot lua valori de la 00 la FF. În acest fel, culoarea atribuită este împărțită în trei depozite #rrggbb, unde primele două simboluri indică componenta roșie a culorii, cele două din mijloc - verde, iar celelalte două - albastre. Este permisă utilizarea formei scurte #rgb, unde se poate adăuga simbolul. Deci înregistrarea #fe0 urma este evaluată ca #ffee00.

Pentru nume

Browserele acceptă culori diferite în spatele numelor lor. In masa 1 sunt indicate numele, codul hexazecimal, valorile în format RGB, HSL și descrierea.

Pentru mai mult ajutor RGB

Puteți determina culoarea, vikory și valorile roșu, verde și albastru în zecimi. Pielea cu trei componente de culoare ia valori de la 0 la 255. De asemenea, este posibil să setați culoarea pentru o culoare de înaltă calitate, care va fi 100% în concordanță cu numărul 255. Cuvântul cheie rgb este specificat inițial și apoi pentru brațe, prin care par a fi componente de culoare, de exemplu rgb(255, 128, 128) sau RGB (100%, 50%, 50%).

RGBA

Formatul RGBA este similar ca sintaxă cu RGB, dar include un canal alfa, care specifică claritatea elementului. Valorile 0 indică claritate crescută, 1 – lipsă de claritate, iar valorile intermediare la nivelul de 0,5 – claritate crescută.

Extensiile RGBA la CSS3 necesită validarea codului CSS în sine pentru versiunea respectivă. Vă rugăm să rețineți că standardul CSS3 este încă în dezvoltare și poate fi supus modificărilor. De exemplu, culoarea formatului RGB al adăugărilor la pixelul de culoare de fundal trebuie să fie validată, dar nu mai există adăugiri la pixelul de fundal. În acest caz, browserele înțeleg în general corect culoarea pentru această putere și pentru alte puteri.

HSL

Formatul HSL este numit după primele litere Hue, Saturate și Lightness. Culoarea este aceeași cu culoarea de pe țăruș (Fig. 1) și este specificată în grade. 0° este roșu, 120° este verde și 240° este albastru. Valoarea culorii poate fi modificată de la 0 la 359.

Mic 1. Cercul de culoare

Intensitatea este intensitatea culorii, care variază de la 0% la 100%. O valoare de 0% înseamnă prezența culorilor și nuanțelor de gri, 100% este valoarea maximă a saturației.

Luminozitatea stabilește cât de strălucitoare este culoarea și este indicată în intervale de la 0% la 100%. Este important să păstrați culorile întunecate și valorile mari deschise, valorile extreme de 0% și 100% indică o culoare alb-negru.

HSLA

Formatul HSLA este similar ca sintaxă cu HSL, dar include un canal alfa, care specifică claritatea elementului. Valorile 0 indică claritate crescută, 1 – lipsă de claritate, iar valorile intermediare la nivelul de 0,5 – claritate crescută.

Valorile de culoare pentru formatele RGBA, HSL și HSLA sunt adăugate la CSS3, prin urmare, atunci când schimbați aceste formate, verificați validitatea codului cu versiunea corectă.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Anticipat

Toate metodele de pescuit la leu enumerate pe site sunt teoretice și se bazează pe metode de calcul. Autorii nu vă garantează siguranța în utilizarea lor și își asumă orice responsabilitate pentru rezultate. Amintiți-vă, leul este o colibă ​​și o creatură neglijentă!

Rezultatul acestui butt este prezentat în Fig. 2.

Mic 2. Colori pe pagina web

Designul web are o serie de moduri de a prezenta culoarea

HEX este un sistem hexazecimal de prezentare a culorilor bazat pe 16. Pentru acest sistem, cifrele zecilor arabe de la 0 la 9 și litere latine de la A la F sunt folosite pentru a crește numărul digital până la 16. Pentru web design, 16 principal (cheie) culorile sunt luate, deci rangul șaisprezece Codul culorii este #RRGGBB, unde fiecare pereche reprezintă culoarea la rândul ei: RR – roșu, GG – verde și BB – albastru. Culoarea pielii variază de la 00 la FF.

Alte două manifestări ale culorii în designul web sunt: ​​sub formă de RGB(*,*,*), unde partea „*” a culorii este reprezentată prin zeci de cifre de la 0 la 255 și prin numele culorii în Engleză.

La crearea unei imagini color, principala problemă este transferul corect al culorilor pe diferite tipuri de computere, monitoare și browsere. Dacă browserul nu poate afișa corect culoarea, selectează una similară sau amestecă un număr de culori. Sau îl puteți înlocui cu o culoare complet diferită.

Masa 16 culori principale, care sunt vikoristate în toate browserele

Masa Violet culori si culori

Masa gri culori si culori

Culorile HTML sunt reprezentate de șase caractere după simbolul barei oblice - de exemplu #000000. Aceste șase simboluri indică părți de diferite culori (roșu, verde, albastru) în culoarea pungii. Pe monitorul computerului, imaginile sunt formate dintr-un număr mare de puncte, numite pixeli. Pielea pixelului este o mică bucată de lumină, numită „likhtarik”, care în compoziția sa constă din trei nuanțe deschise - roșu, verde și albastru. Schimbând sau mărind intensitatea luminii diferitelor lumini de culoare, selectăm culoarea dorită.

coduri de culoare HTML

Culorile în HTML sunt desemnate prin valori hexazecimale (HEX) care înlocuiesc culorile roșu, albastru și verde (RGB).

Cea mai mică valoare a culorii este 0 (al șaisprezecelea 00). Cea mai mare valoare a culorii este 255 (al șaisprezecelea FF).

Cea de-a șaisprezecea culoare are trei cifre care încep cu semnul #.

Coduri de culoare (valori)

16 milioane de unități

Amestecarea culorilor roșu, albastru și verde cu valori ale culorii pielii de la 0 la 255 dă un total de peste 16 milioane de unități (256 x 256 x 256).

Majoritatea monitoarelor de producție actuale afișează cel puțin 16.384 de culori diferite (monitoarele LCD, în principal, afișează 262 mii 16 milioane (actualizat în 2013) culori, iar monitoarele EPT pot afișa practic un număr limitat de culori).

În tabelul de mai jos, porțiunea de culoare roșie este modificată de la 0 la 255 cu valori zero pentru culorile albastru și verde:

Umbre de gri

Pentru a elimina nuanțele de culoare gri, părți egale din toate culorile sunt vicorizate. Pentru a vă facilita alegerea culorii de care aveți nevoie, vă vom furniza coduri pentru nuanțe de culoare gri

Nume de culori între browsere (pentru toate browserele).

O colecție de 150 de nume de culori în html, care sunt acceptate în toate browserele.

Nume de culori standardizate

Consorțiul W3C a revizuit 16 nume de culori valide pentru HTML și CSS: aqua, negru, albastru, fucsia, gri, verde, lime, maro (castan), bleumarin (ultramarin), olive (măsline), violet (violet), roșu ( roșu), argintiu (argintiu), ceai (albastru), alb (alb) și galben (zhovty).

Atunci când alegeți culori care nu sunt incluse în această listă, ar fi mai corect să folosiți codul lor hexazecimal (HEX) sau RGB.

Culori sigure

Din păcate, deoarece computerele puteau suporta maximum 256 de culori diferite, a fost creată o listă de 216 „Interogări Web Securizate” cu 40 de culori rezervate pentru sistem.

Această paletă de 216 de culori a fost creată pentru a afișa corect culorile în modul paletă de 256 de culori.

Acum nu contează, deoarece majoritatea computerelor din întreaga lume acceptă milioane de culori. Dacă se întâmplă să aveți o listă cu aceste culori:

Pe această pagină există un tabel cu cuvinte cheie care pot fi folosite pentru a atribui culori în astfel de limbaje pentru dezvoltatori web precum: HTML, CSS, JavaScript, Flash etc.

În vechile specificații, concernul WC3 avea prescrise doar 16 cuvinte cheie, pe lângă care erau instalate culori în HTML și CSS. În alte specificații, mai actuale, au fost adăugate alte 130 de cuvinte cheie pentru specificarea numelor de culori. Iată un tabel care arată numele culorilor, codurile hexazecimale și RGB pe care le reprezintă.

Urmând regulile CSS, numele culorilor nu fac distincție între majuscule și minuscule. Intrările pentru culorile IndianRed și indianred sunt egale.

De asemenea, merită remarcat faptul că din 146 de cuvinte cheie din tabel, are de fapt mai puține culori. Aceasta înseamnă că aceste cuvinte cheie înseamnă aceeași culoare. Astfel, denumirile Gray și Gray indică culoarea de 50 de hex cu codul #808080, iar cuvântul Magenta este sinonim cu culoarea HTML Fuchsia, care corespunde codului hex #FF00FF. De asemenea, sinonime cu cuvintele Aqua și Cyan, mirosurile corespund codului #00FFFF.