Codul culorii este galben-verde. Culoarea în stiluri poate fi specificată în diferite moduri: prin 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 pentru dezvoltatori web precum: HTML, CSS, JavaScript, Flash etc.
În vechile specificații pentru concernul WC3 erau specificate doar 16 cuvinte cheie, cu ajutorul cărora erau setate culorile în HTML și CSS. În alte 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 și codurile hexadecimale ș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 cuvinte cheie se referă la aceeași culoare. Astfel, denumirile Gri și Gri reprezintă codul de culoare gri 50% #808080, iar cuvântul Magenta este sinonim pentru culoarea HTML Fuchsia, corespunzător codului hexazecimal #FF00FF. De asemenea, sunt sinonime cuvintele Aqua și Cyan, ele corespund codului #00FFFF.
|
|
Modulul de culoare CSS detaliază valorile care permit autorilor să definească culorile și opacitatea elementelor html, precum și valorile proprietății culorii.
proprietatea culorii
1. Culori prioritare: proprietatea culorii
Proprietatea specifică culoarea fontului folosind diferite sisteme de redare a culorilor. 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 acceptă 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:
Nume | HEX | RGB | Culoare |
---|---|---|---|
negru | #000000 | 0,0,0 | |
argint | #C0C0C0 | 192,192,192 | |
gri | #808080 | 128,128,128 | |
alb | #FFFFFF | 255,255,255 | |
maro | #800000 | 128,0,0 | |
roșu | #FF0000 | 255,0,0 | |
Violet | #800080 | 128,0,128 | |
fucsie | #FF00FF | 255,0,255 | |
verde | #008000 | 0,128,0 | |
lămâie verde | #00FF00 | 0,255,0 | |
măsline | #808000 | 128,128,0 | |
galben | #FFFF00 | 255,255,0 | |
marina | #000080 | 0,0,128 | |
albastru | #0000FF | 0,0,255 | |
teal | #008080 | 0,128,128 | |
acva | #00FFFF | 0,255,255 |
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 zerourilor. 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.
Există mai multe moduri de a reprezenta culoarea în design web.
HEX este un sistem de reprezentare a culorilor hexazecimală bazat pe baza 16. Pentru acest sistem, cifrele zecimale arabe de la 0 la 9 și litere latine de la A la F sunt folosite pentru a completa numărul digital la 16. Pentru design web, 16 culori primare (cheie) sunt folosite, așa-numitul cod de culoare hexazecimal #RRGGBB, unde fiecare pereche este responsabilă pentru cota sa de culoare: RR – roșu, GG – verde și BB – albastru. Fiecare fracțiune de culoare variază de la 00 la FF.
Alte două reprezentări ale culorii în design web sunt: sub formă de RGB(*,*,*), unde fiecare fracțiune „*” a unei culori este reprezentată prin cifre zecimale de la 0 la 255 și prin nume de culori în limba engleză.
La crearea unei imagini color, principala problemă este reproducerea corectă a culorilor pe diferite tipuri de computere, monitoare și browsere. Dacă browserul nu poate afișa corect o culoare, selectează una similară sau amestecă mai multe culori. Și uneori poate fi înlocuit cu o culoare complet diferită.
Masa 16 culori primare, care sunt utilizate în toate browserele
Nume | Culoare | Hex | (RGB) |
Aqua (valul mării) | #00FFFF | (000,255,255) | |
Negru | #000000 | (000,000,000) | |
Albastru | #0000FF | (000,000,255) | |
fucsia (magenta) | #FF00FF | (255,000,255) | |
gri | #808080 | (128,128,128) | |
Verde | #008000 | (000,128,000) | |
Tei (verde aprins) | #00FF00 | (000,255,000) | |
Maroon (visiniu închis) | #800000 | (128,000,000) | |
Bleumarin (albastru închis) | #000080 | (000,000,128) | |
măsline | #808000 | (128,128,000) | |
Violet | #800080 | (128,000,128) | |
roșu | #FF0000 | (255,000,000) | |
Argint | #C0C0C0 | (192,192,192) | |
Teal (gri-verde) | #008080 | (000,128,128) | |
alb | #FFFFFF | (255,255,255) | |
Galben | #FFFF00 | (255,255,000) |
Masa Violet culorile și nuanțele sale
Nume | Culoare | Hex | (RGB) |
Magenta (magenta) | #FFCBDB | (255,203,219) | |
Magenta (magenta) | #FF0099 | (255,000,153) | |
Magenta (magenta) | #F95A61 | (249,090,097) | |
fucsia (fucsia) | #FF00FF | (255,000,255) | |
Mauvein (violet anilină) | #EF0097 | (239,000,151) | |
Roz somon (roz portocaliu) | #FF91A4 | (255,145,164) | |
Cenise (o nuanță de violet) | #DE3163 | (153,149,140) | |
vinete vinete (vinete) | #990066 | (153,000,132) | |
Blush de lavandă (roz-lavandă) |   #FFF0F5 | (255,240,245) | |
liliac (liliac) | #C8A2C8 | (200,162,200) | |
Magenta (magenta) | #FF008F | (255,000,143) | |
orhidee (orhidee) | #DA70D6 | (218,112,214) | |
Roșu-violet (violet-roșu) | #C71585 | (199,021,133) | |
Sanguin (sangvin) | #92000A | (146,000,010) | |
Ciulin (nuanță de violet) | #D8BFD8 | (185,211,238) | |
Violet-vinete (o nuanță de violet) | #991199 | (153,017,153) | |
Rosa vivo (roz intens) | #FF007F | (255,000,127) | |
Trandafir lavandă (o nuanță de violet) | #FBA0E3 | (108,123,139) | |
Mountbatten roz | #997ABD | (153,122,141) |
Masa gri culorile și nuanțele sale
Nume | Culoare | Hex | (RGB) |
gri | #808080 | (128,128,128) | |
gri | #bebebe | (190,190,190) | |
(nuanță gri) | #858585 | (133,133,133) | |
Gri33 | #545454 | (084,084,084) | |
(Ardezie gri) | #708090 | (112,128,144) | |
(Cuarţ) | #99958с | (153,149,140) | |
(Gri deschis) | #bbbbbb | (187,187,187) | |
(Argint) | #c0c0c0 | (192,192,192) | |
(gri-alb) | #f0f0f0 | (240,240,240) | |
(Barba lui Abdel-Kerim) | #e0e0e0 | (224,224,224) | |
Gri deschis (gri deschis) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (albastru pal floarea de colț1) | #c6e2ff | (198,226,255) | |
StateGray-2 (albastru pal de floarea de colț2) | #b9d3ee | (185,211,238) | |
StateGray3() | #9fb6cd | (159,182,205) | |
StateGray4() | #6c7b8b | (108,123,139) |
Culorile HTML sunt indicate prin șase caractere după caracterul bară oblică - de exemplu, #000000. Aceste șase simboluri reprezintă proporțiile diferitelor culori (Roșu, Verde, Albastru) în culoarea finală. Pe monitorul computerului, imaginea 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 lanternelor colorate individuale obținem culoarea dorită.
coduri de culoare HTML
Culorile în HTML sunt reprezentate printr-o notație hexazecimală (HEX) 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 (hex FF).
Valoarea culorii hexazecimale este de trei cifre, începând cu semnul #.
Coduri de culoare (sensuri)
Culoare | Cod HEX | Cod RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0.255.255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192.192.192) | |
#FFFFFF | rgb(255.255.255) |
16 milioane de nuanțe
Combinând roșu, albastru și verde cu valori cuprinse între 0 și 255 pentru procentul fiecărei culori rezultă în total 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 mii 16 milioane (actualizat octombrie 2013) culori, iar monitoarele CRT pot afișa un număr practic 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:
roșu | Cod HEX | Cod RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
Umbre de gri
Pentru a obține nuanțe de gri, se folosesc cote egale din toate culorile. Pentru a vă facilita alegerea culorii potrivite, vă oferim coduri de nuanțe de gri
Umbre de gri | Cod HEX | Cod RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104.104.104) | |
#707070 | rgb(112.112.112) | |
#787878 | rgb(120.120.120) | |
#808080 | rgb(128.128.128) | |
#888888 | rgb(136.136.136) | |
#909090 | rgb(144.144.144) | |
#989898 | rgb(152.152.152) | |
#A0A0A0 | rgb(160.160.160) | |
#A8A8A8 | rgb(168.168.168) | |
#B0B0B0 | rgb(176.176.176) | |
#B8B8B8 | rgb(184.184.184) | |
#C0C0C0 | rgb(192.192.192) | |
#C8C8C8 | rgb(200.200.200) | |
#D0D0D0 | rgb(208.208.208) | |
#D8D8D8 | rgb(216.216.216) | |
#E0E0E0 | rgb(224.224.224) | |
#E8E8E8 | rgb(232.232.232) | |
#F0F0F0 | rgb(240.240.240) | |
#F8F8F8 | rgb(248.248.248) | |
#FFFFFF | rgb(255.255.255) |
Cross-browser (toate browserele) nume de culori html
O colecție de 150 de nume de culori în html, acceptate în toate browserele.
Nume de culori standardizate
W3C enumeră 16 nume de culori valide pentru HTML și CSS: aqua, negru, albastru, fuchsia, 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
În urmă cu 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.
Acum, acest lucru nu contează, deoarece majoritatea computerelor din întreaga lume acceptă milioane de nuanțe de culoare. În orice caz, iată o listă cu aceste culori:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |