Codurile de culoare HTML online. Culoarea în stiluri poate fi setată în diferite moduri: după valoare hexazecimală, după nume, în format RGB, RGBA, HSL, HSLA. Există mai multe moduri de a reprezenta culoarea în design web.

Această pagină conține un tabel cu cuvinte cheie care pot fi folosite pentru a desemna culori în astfel de limbaje de dezvoltare web precum: HTML, CSS, JavaScript, Flash etc.

În vechea specificație WC3, doar 16 cuvinte cheie au fost folosite pentru a seta culorile în HTML și CSS. Mai târziu, în 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, 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 din tabel, există de fapt mai puține culori în el. Acest lucru se datorează faptului că unele dintre cuvintele cheie se referă la aceeași culoare. Deci, numele Gri și Gri reprezintă 50% gri cu codul #808080, în timp ce cuvântul Magenta este un sinonim HTML pentru culoarea Fuchsia, care corespunde codului hexadecimal #FF00FF. Cuvintele Aqua și Cyan sunt și ele sinonime, ele corespund codului #00FFFF .

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 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 (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ă între 0-100 sau 0-1. Cu cât această setare este mai mare, cu atât culoarea este mai „pură”, motiv pentru care această setare 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 enumerate sunt „sigure”, ceea ce înseamnă că vor afișa la fel în toate browserele.

Numerele hexazecimale sunt folosite 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 următoarele: 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 sistemul hexazecimal sunt formate prin combinarea a două numere într-unul singur. De exemplu, numărul 255 în zecimală corespunde numărului FF în hexazecimal. Pentru a evita confuzia în definiția sistemului numeric, numărul hexazecimal este precedat de simbolul hash #, de exemplu #666999. Fiecare dintre cele trei culori - roșu, verde și albastru - poate lua valori 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 marchează verde, iar ultimele două marchează albastru. Este permisă utilizarea formei prescurtate #rgb, unde fiecare caracter trebuie dublat. Astfel, intrarea #fe0 ar trebui considerată ca #ffee00.

dupa nume

Browserele acceptă unele culori după nume. În tabel. 1 arată numele, codul hexadecimal, valorile în format RGB, HSL și descrierea.

Cu RGB

Puteți defini o culoare folosind valorile roșu, verde și albastru în termeni zecimali. Fiecare dintre cele trei componente de culoare ia o valoare de la 0 la 255. De asemenea, este acceptabil să setați culoarea ca procent, în timp ce 100% va corespunde numărului 255. Mai întâi, este specificat cuvântul cheie rgb, apoi componentele de culoare sunt specificate între paranteze, 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 stabilește transparența elementului. O valoare de 0 este complet transparentă, 1 este opac, iar o valoare intermediară precum 0,5 este translucidă.

RGBA este adăugat la CSS3, astfel încât validarea codului CSS ar trebui să fie efectuată conform acestei versiuni. Trebuie remarcat faptul că standardul CSS3 este încă în curs de dezvoltare și unele dintre caracteristicile sale se pot schimba. De exemplu, o culoare RGB adăugată la proprietatea culoare de fundal trece validarea, dar una adăugată la proprietatea de fundal nu. Î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 culorii de pe roata de culori (Fig. 1) și este specificată î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ă lipsa culorii și o nuanță de gri, 100% este valoarea maximă de saturație.

Luminozitatea setează cât de strălucitoare este culoarea și este specificată ca procent de la 0% la 100%. Valorile mici fac culoarea mai închisă, în timp ce valorile mari o fac mai deschisă, 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 este complet transparentă, 1 este opac, iar o valoare intermediară precum 0,5 este translucidă.

Valorile de culoare în formatele RGBA, HSL și HSLA sunt adăugate la CSS3, așa că atunci când utilizați aceste formate, verificați validitatea codului față de versiune.

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

Culorile HTML sunt indicate prin șase caractere după bară oblică - de exemplu, #000000. Aceste șase caractere reprezintă proporțiile diferitelor culori (roșu, verde și albastru) în culoarea finală. Imaginea de pe monitorul computerului este alcătuită 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 reducerea sau creșterea intensității strălucirii felinarelor individuale colorate, obținem culoarea dorită.

coduri de culoare html

Culorile în HTML sunt notate prin notația hexazecimală (HEX) pentru combinația de roșu, albastru și verde (RGB).

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

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

Coduri de culoare (valori)

16 milioane de nuanțe

Combinând roșu, albastru și verde cu valori cuprinse între 0 și 255 pentru fiecare culoare, se adaugă peste 16 milioane de nuanțe (256 x 256 x 256).

Cele mai multe monitoare moderne sunt capabile să afișeze cel puțin 16.384 de nuanțe diferite (monitoarele LCD sunt în general capabile să afișeze 262,16 milioane (actualizat octombrie 2013) culori, în timp ce monitoarele CRT pot afișa 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 din toate culorile. Pentru a facilita alegerea culorii dorite, iti punem la dispozitie coduri pentru nuante 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.

Nume de culori standardizate

W3C enumeră 16 nume de culori valide pentru HTML și CSS: aqua (acvamarin), negru (negru), albastru (albastru), fucsia (magenta), gri (gri), verde (verde), lime (lime sau verde deschis), maro (castan), bleumarin (ultramarin), măsline (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ă, va fi 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, deoarece majoritatea computerelor din întreaga lume acceptă milioane de nuanțe de culoare. În orice caz, iată o listă cu acele culori: