Cod violet. Culoarea în stiluri poate fi setată în diferite moduri: după valoare hexazecimală, după nume, în format RGB, RGBA, HSL, HSLA

Numerele hexazecimale sunt folosite pentru a seta 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. Numerele mai mari de 15 în hexazecimal sunt formate prin combinarea a două numere într-unul singur. De exemplu, 255 zecimale este egal cu FF hexazecimal. Pentru a evita confuzia în definiția sistemului numeric, simbolul hash # este plasat în fața numărului hexazecimal, de exemplu # 666999. Fiecare dintre cele trei culori - roșu, verde și albastru - poate varia de la 00 la FF. Astfel, desemnarea culorii este împărțită în trei componente #rrggbb, unde primele două caractere marchează componenta roșie a culorii, cele două din mijloc - verde, iar ultimele două - albastru. Este permisă utilizarea unei forme prescurtate precum #rgb, unde fiecare caracter ar trebui să fie dublat. Deci, intrarea # fe0 ar trebui tratată ca #ffee00.

Dupa nume

Browserele acceptă unele culori după nume. Masa 1 arată numele, codul hexazecimal, RGB, valorile HSL și descrierea.

Cu RGB

Puteți determina culoarea folosind valorile zecimale ale componentelor roșii, verzi și albastre. Fiecare dintre cele trei componente de culoare ia o valoare de la 0 la 255. De asemenea, este permisă setarea culorii ca procent, în timp ce 100% va corespunde numărului 255. În primul rând, este indicat cuvântul cheie rgb, iar apoi în paranteze, sunt indicate componentele de culoare, separate prin virgule, 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 controlează transparența elementului. O valoare de 0 corespunde transparenței totale, 1 opacității și o valoare intermediară, cum ar fi 0,5, semi-transparenței.

RGBA a fost adăugat în CSS3, așa că validarea codului CSS ar trebui făcută folosind această versiune. Trebuie remarcat faptul că standardul CSS3 este încă în curs de dezvoltare și unele caracteristici se pot schimba. De exemplu, o culoare RGB adăugată la proprietatea culoare de fundal este validată, dar o culoare adăugată la proprietatea de fundal nu mai. În același timp, browserele înțeleg destul de corect culoarea pentru ambele proprietăți.

Hsl

Numele formatului HSL este format dintr-o combinație a primelor litere Hue (nuanță), Saturate (saturație) și Lightness (luminozitate). Nuanța este valoarea unei culori pe roata culorilor (Fig. 1) și este dată în grade. 0 ° este roșu, 120 ° este verde și 240 ° este albastru. Valoarea nuanței poate varia de la 0 la 359.

Orez. 1. Roata de culori

Saturația este intensitatea unei culori, măsurată ca procent de la 0% la 100%. O valoare de 0% indică nicio culoare și o nuanță de gri, 100% este valoarea maximă de saturație.

Luminozitatea stabilește cât de strălucitoare este culoarea și este indicată ca procent de la 0% la 100%. Valorile scăzute fac culoarea mai închisă, iar valorile ridicate se deschid, valorile extreme de 0% și 100% corespund alb-negru.

HSLA

Formatul HSLA este similar ca sintaxă cu HSL, dar include un canal alfa care stabilește transparența elementului. O valoare de 0 corespunde transparenței totale, 1 opacității și o valoare intermediară, cum ar fi 0,5, semi-transparenței.

Valorile culorilor în formatele RGBA, HSL și HSLA au fost adăugate în CSS3, așa că asigurați-vă că verificați validitatea versiunii atunci când utilizați aceste formate.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Avertizare

Toate metodele de prindere a leului enumerate pe site sunt teoretice și se bazează pe metode de calcul. Autorii nu vă garantează siguranța atunci când le utilizați și își declină orice responsabilitate pentru rezultat. Amintiți-vă, leul este un prădător și un animal periculos!

Rezultatul acestui exemplu este prezentat în Fig. 2.

Orez. 2. Culori pe pagina web

Această pagină oferă un tabel cu cuvinte cheie care pot fi folosite pentru a desemna culori în limbaje de dezvoltare web, cum ar fi HTML, CSS, JavaScript, Flash și multe altele.

În vechile specificații ale concernului WC3, erau scrise doar 16 cuvinte cheie, cu ajutorul cărora erau setate culorile în HTML și CSS. Mai târziu, în specificațiile mai recente, au fost adăugate încă 130 de cuvinte cheie pentru a desemna numele culorilor. Următorul tabel listează numele culorilor, codurile hexazecimale ș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 ale tabelului, există de fapt mai puține culori în el. Acest lucru se datorează faptului că unele cuvinte cheie înseamnă aceeași culoare. Deci, numele Gri și Gri reprezintă 50% gri cu codul # 808080, iar cuvântul Magenta este un sinonim pentru culoarea HTML Fuchsia, care corespunde codului hexadecimal # FF00FF. De asemenea, sinonime sunt cuvintele Aqua și Cyan, acestea corespund codului # 00FFFF.

Tabel (paletă) 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 este format din trei valori cu două caractere în notație 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 - hue, saturation, value) - model de culoare, în care coordonatele sunt:
  • Nuanță - nuanță, 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 denumit puritatea 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 listate sunt „sigure”, adică vor fi afișate la fel în toate browserele.

Codurile de culoare CSS sunt folosite pentru a specifica o culoare. De obicei, codurile de culoare sau valorile de culoare sunt folosite pentru a seta o culoare fie pentru prim-planul unui element (de exemplu, culoarea textului, culoarea linkului), fie pentru fundalul unui element (culoarea fundalului, culoarea blocului). Ele pot fi, de asemenea, folosite pentru a schimba culoarea unui buton, chenar, marker, hover și alte efecte decorative.

Puteți seta propriile valori de culoare în diferite formate. Următorul tabel listează toate formatele posibile:

Formatele enumerate sunt descrise mai detaliat mai jos.

Culori CSS - coduri hexazecimale

Cod de culoare hexazecimal este o reprezentare din șase cifre a unei culori. Primele două cifre (RR) reprezintă valoarea roșie, următoarele două reprezintă valoarea verde (GG) și ultimele două reprezintă valoarea albastră (BB).

Culori CSS - coduri hexadecimale scurte

Cod de culoare hexadecimal scurt este forma mai scurtă a notației din șase cifre. În acest format, fiecare cifră este repetată pentru a produce valoarea echivalentă a culorii din șase cifre. De exemplu: # 0F0 devine # 00FF00.

Valoarea hexazecimală poate fi luată din orice software de grafică, cum ar fi Adobe Photoshop, Core Draw etc.

Fiecare cod de culoare hexazecimal din CSS va fi precedat de semnul hash „#”. Următoarele sunt exemple de utilizare a notației hexazecimale.

Culori CSS - Valori RGB

Valoarea RGB este codul de culoare, care este setat folosind proprietatea rgb (). Această proprietate are trei valori, câte una pentru roșu, verde și albastru. Valoarea poate fi un număr întreg, de la 0 la 255 sau un procent.

Notă: nu toate browserele acceptă proprietatea de culoare rgb (), deci nu este recomandat să o folosești.

Mai jos este un exemplu care arată mai multe culori folosind valori RGB.

Generator de coduri de culoare

Puteți crea milioane de coduri de culoare folosind serviciul nostru.

Culori sigure pentru browser

Mai jos este un tabel cu 216 culori care sunt cele mai sigure și mai independente de computer. Aceste culori CSS variază de la 000000 la FFFFFF hexazecimal. Sunt sigure de utilizat deoarece asigură că toate computerele afișează corect culoarea atunci când lucrează cu o paletă de 256 de culori.

Culorile html sunt indicate prin șase caractere după caracterul bară oblică - de exemplu, # 000000. Aceste șase caractere reprezintă proporțiile diferitelor culori (Roșu, Verde, Albastru) în culoarea finală. Pe monitorul computerului, o imagine este formată dintr-un număr mare de puncte, numite pixeli. Fiecare pixel este o sursă mică de lumină, să o numim „lanternă”, care, la rândul ei, constă din trei lanterne - roșu, verde și albastru. Prin scăderea sau creșterea intensității strălucirii luminilor colorate individuale, obținem culoarea dorită.

Codurile de culoare HTML

Culorile în HTML sunt reprezentate prin hexazecimal (HEX) pentru o combinație de roșu, albastru și verde (RGB).

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

Valoarea culorii hexazecimale este de trei cifre, începând cu semnul #.

Coduri de culoare (valori)

16 milioane de nuanțe

O combinație de roșu, albastru și verde cu o fracțiune din fiecare culoare de la 0 la 255 adaugă la peste 16 milioane de nuanțe (256 x 256 x 256).

Cele mai multe monitoare moderne sunt capabile să afișeze cel puțin 16384 de nuanțe diferite (monitoarele LCD sunt în general capabile să afișeze 262 mii 16 milioane (actualizat octombrie 2013) culori, iar monitoarele CRT sunt capabile să afișeze un număr aproape nelimitat de culori).

Tabelul de culori de mai jos arată modificarea proporției de roșu de la 0 la 255 cu valori zero pentru albastru și verde:

Umbre de gri

Pentru a obține nuanțe de gri, se folosesc proporții egale de toate culorile. Pentru a facilita selectarea culorii dorite, vă oferim codurile de tonuri de gri.

Cross-browser (pentru toate browserele) nume de culori html

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

Denumiri standardizate de culori

W3C enumeră 16 nume de culori valide pentru HTML și CSS: aqua, negru, albastru, fucsia, gri, verde, lime, maroon (castan), bleumarin (ultramarin), olive (măsline), violet (violet), roșu (roșu) , argintiu (argintiu), teal (gri), alb (alb) și galben (galben).

Când utilizați culori care nu sunt incluse în această listă, este mai corect să folosiți codul lor hexazecimal (HEX) sau codul RGB.

Culori sigure

Acum câțiva ani, când computerele puteau suporta maximum 256 de culori diferite, a fost propusă o listă de 216 „Web Safe Colors” cu 40 de culori rezervate sistemului.

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

Nu contează acum, pentru că majoritatea computerelor din întreaga lume acceptă milioane de nuanțe de culoare. Oricum, iată o listă cu aceste culori: