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.

Numele culorii în HTML și CSS HEX RGB
Tonuri de roșu:
IndianRed#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Somon#FA8072250, 128, 114
DarkSomon#E9967A233, 150, 122
LightSomon#FFA07A255, 160, 122
purpuriu#DC143C220, 20, 60
roșu#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
Roșu-închis#8B0000139, 0, 0
Tonuri de roz:
Roz#FFC0CB255, 192, 203
Roz deschis#FFB6C1255, 182, 193
HotPink#FF69B4255, 105, 180
Roz închis#FF1493255, 20, 147
MediumVioletRed#C71585199, 21, 133
PaleVioletRed#DB7093219, 112, 147
Tonuri de portocaliu:
LightSomon#FFA07A255, 160, 122
Coral#FF7F50255, 127, 80
Roșie#FF6347255, 99, 71
Portocaliu rosu#FF4500255, 69, 0
Dark Orange#FF8C00255, 140, 0
Portocale#FFA500255, 165, 0
Tonuri de galben:
Aur#FFD700255, 215, 0
Galben#FFFF00255, 255, 0
Lumină galbenă#FFFFE0255, 255, 224
LemonChiffon#FFFACD255, 250, 205
LightGoldenrodGalben#FAFAD2250, 250, 210
PapayaWhip#FFEFD5255, 239, 213
Mocasin#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
PaleGoldenrod#EEE8AA238, 232, 170
Kaki#F0E68C240, 230, 140
Kaki închis#BDB76B189, 183, 107
Tonuri violete:
Lavandă#E6E6FA230, 230, 250
Ciulin#D8BFD8216, 191, 216
Prună#DDA0DD221, 160, 221
violet#EE82EE238, 130, 238
Orhidee#DA70D6218, 112, 214
Fucsie#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
MediumOrhid#BA55D3186, 85, 211
Violet mediu#9370DB147, 112, 219
Albastru violet#8A2BE2138, 43, 226
DarkViolet#9400D3148, 0, 211
DarkOrhid#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Violet#800080 128, 0, 128
Indigo#4B008275, 0, 130
Ardezie albastră#6A5ACD106, 90, 205
DarkSlateBlue#483D8B72, 61, 139
Tonuri de maro:
Matase de porumb#FFF8DC255, 248, 220
Migdale albite#FFEBCD255, 235, 205
Bisque#FFE4C4255, 228, 196
NavajoWhite#FFMORT255, 222, 173
Grâu#F5DEB3245, 222, 179
BurlyWood#DEB887222, 184, 135
bronzat#D2B48C210, 180, 140
RosyBrown#BC8F8F188, 143, 143
SandyBrown#F4A460244, 164, 96
Vergea de Aur#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Peru#CD853F205, 133, 63
Ciocolată#D2691E210, 105, 30
SaddleBrown#8B4513139, 69, 19
Sienna#A0522D160, 82, 45
Maro#A52A2A165, 42, 42
Maro#800000 128, 0, 0
Culori primare:
Negru#000000 0, 0, 0
gri#808080 128, 128, 128
Argint#C0C0C0192, 192, 192
alb#FFFFFF255, 255, 255
Fucsie#FF00FF255, 0, 255
Violet#800080 128, 0, 128
roșu#FF0000255, 0, 0
Maro#800000 128, 0, 0
Galben#FFFF00205, 92, 92
măsline#808000 240, 128, 128
Lămâie verde#00FF00250, 128, 114
Verde#008000 233, 150, 122
Aqua#00FFFF205, 92, 92
Teal#008080 240, 128, 128
Albastru#0000FF250, 128, 114
Marinei#000080 233, 150, 122
Numele culorii în HTML și CSS HEX RGB
Tonuri de verde:
Verde galben#ADFF2F173, 255, 47
Chartreuse#7FFF00127, 255, 0
GazonVerde#7CFC00124, 252, 0
Lămâie verde#00FF000, 255, 0
Verde lime#32CD3250, 205, 50
Verde palid#98FB98152, 251, 152
Verde deschis#90EE90144, 238, 144
MediumPrimăvaraVerde#00FA9A0, 250, 154
SpringGreen#00FF7F0, 255, 127
MediumSeaGreen#3CB37160, 179, 113
Mare verde#2E8B5746, 139, 87
Padure verde#228B2234, 139, 34
Verde#008000 0, 128, 0
Verde inchis#006400 0, 100, 0
Galben verde#9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
măsline#808000 128, 128, 0
DarkOliveGreen#556B2F85, 107, 47
MediumAcvamarin#66CDAA102, 205, 170
DarkSeaGreen#8FBC8F143, 188, 143
LightSeaGreen#20B2AA32, 178, 170
DarkCyan#008B8B0, 139, 139
Teal#008080 0, 128, 128
Tonuri de albastru:
Aqua#00FFFF0, 255, 255
Cyan#00FFFF0, 255, 255
LightCyan#E0FFFF224, 255, 255
Turcoaz Pale#AFEEEE175, 238, 238
Acvamarin#7FFFD4127, 255, 212
Turcoaz#40E0D064, 224, 208
Turcoaz mediu#48D1CC72, 209, 204
Turcoaz închis#00CED10, 206, 209
CadetBlue#5F9EA095, 158, 160
SteelBlue#4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
Pudra albastra#B0E0E6176, 224, 230
Albastru deschis#ADD8E6173, 216, 230
Cer albastru#87CEEB135, 206, 235
LightSkyBlue#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
Dodger Blue#1E90FF30, 144, 255
Floarea de colțAlbastru#6495ED100, 149, 237
Medium SlateBlue#7B68EE123, 104, 238
Albastru regal#4169E165, 105, 225
Albastru#0000FF0, 0, 255
Albastru mediu#0000CD0, 0, 205
Albastru inchis#00008B0, 0, 139
Marinei#000080 0, 0, 128
Midnight Blue#191970 25, 25, 112
Tonuri de alb:
alb#FFFFFF255, 255, 255
Zăpadă#FFFAFA255, 250, 250
Mană#F0FFF0240, 255, 240
MintCream#F5FFFA245, 255, 250
Azur#F0FFFF240, 255, 255
AliceBlue#F0F8FF240, 248, 255
GhostWhite#F8F8FF248, 248, 255
Fum alb#F5F5F5245, 245, 245
scoica de mare#FFF5EE255, 245, 238
Bej#F5F5DC245, 245, 220
Old Lace#FDF5E6253, 245, 230
FloralAlb#FFFAF0255, 250, 240
Fildeş#FFFFFF0255, 255, 240
Alb antic#FAEBD7250, 235, 215
Lenjerie#FAF0E6250, 240, 230
LavenderBlush#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Tonuri de gri:
Gainsboro#DCDCDC220, 220, 220
Gri deschis#D3D3D3211, 211, 211
Gri deschis#D3D3D3211, 211, 211
Argint#C0C0C0192, 192, 192
Gri închis#A9A9A9169, 169, 169
Gri inchis#A9A9A9169, 169, 169
gri#808080 128, 128, 128
gri#808080 128, 128, 128
DimGray#696969 105, 105, 105
DimGrey#696969 105, 105, 105
LightSlateGray#778899 119, 136, 153
Light SlateGrey#778899 119, 136, 153
Gri ardezie#708090 112, 128, 144
Gri ardezie#708090 112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
Dark SlateGrey#2F4F4F47, 79, 79
Negru#000000 0, 0, 0

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