Бұл бетте HTML, CSS, JavaScript, Flash және т.

Ескі WC3 спецификациясында HTML және CSS тілдерінде түстерді орнату үшін тек 16 кілт сөз пайдаланылды. Кейінірек заманауи техникалық сипаттамаларда түс атауларын белгілеу үшін тағы 130 кілт сөз қосылды. Келесі кестеде оларға сәйкес түс атаулары, он алтылық және RGB кодтары бар.

CSS ережелеріне сәйкес түс атаулары регистрді ескермейді. IndianRed және Indianred түс жазбалары баламалы.

Сондай-ақ, кестедегі 146 кілт сөздің ішінде шын мәнінде азырақ түстер бар екенін атап өткен жөн. Себебі кейбір кілт сөздер бір түске қатысты. Сонымен Gray және Gray атаулары #808080 кодымен 50 пайыз сұр түсті білдіреді, ал Magenta сөзі #FF00FF он алтылық кодына сәйкес келетін фуксия түсінің HTML синонимі болып табылады. Aqua және Cyan сөздері де синонимдер болып табылады, олар #00FFFF кодына сәйкес келеді.

HTML және CSS тіліндегі түс атауы HEX RGB
Қызыл тондар:
Үнді қызыл#CD5C5C205, 92, 92
Ашық маржан#F08080240, 128, 128
Ақсерке#FA8072250, 128, 114
Қара лосось#E9967A233, 150, 122
Жеңіл лосось#FFA07A255, 160, 122
Қып-қызыл#DC143C220, 20, 60
Қызыл#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
қою қызыл#8B0000139, 0, 0
Қызғылт реңктер:
Қызғылт#FFC0CB255, 192, 203
ашық қызғылт#FFB6C1255, 182, 193
қызғылт қызғылт#FF69B4255, 105, 180
терең қызғылт#FF1493255, 20, 147
Орташа күлгін қызыл#C71585199, 21, 133
БозғылтҚызыл#DB7093219, 112, 147
Қызғылт сары реңктер:
Жеңіл лосось#FFA07A255, 160, 122
Маржан#FF7F50255, 127, 80
Қызанақ#FF6347255, 99, 71
Қызғылт сары қызыл#FF4500255, 69, 0
қою қызғылт сары#FF8C00255, 140, 0
Апельсин#FFA500255, 165, 0
сары тондар:
Алтын#FFD700255, 215, 0
Сары#FFFF00255, 255, 0
Ашық сары#FFFFE0255, 255, 224
ЛимонШиффон#FFFACD255, 250, 205
АшықАлтынТаяқсары#FAFAD2250, 250, 210
Папайя қамшысы#FFEFD5255, 239, 213
Мокасин#FFE4B5255, 228, 181
Шабдалы пуфы#FFDAB9255, 218, 185
Бозғылт Алтынбас#EEEE8AA238, 232, 170
хаки#F0E68C240, 230, 140
DarkHaki#BDB76B189, 183, 107
Күлгін реңктер:
Лаванда#E6E6FA230, 230, 250
Ошаған#D8BFD8216, 191, 216
Алхоры#DDA0DD221, 160, 221
күлгін#EE82EE238, 130, 238
Орхидея#DA70D6218, 112, 214
Фуксия#FF00FF255, 0, 255
Қызыл қызыл#FF00FF255, 0, 255
Орташа орхидея#BA55D3186, 85, 211
Орташа күлгін#9370ДБ147, 112, 219
көк күлгін#8A2BE2138, 43, 226
қара күлгін#9400D3148, 0, 211
Қараңғы орхидея#9932CC153, 50, 204
Қою қызыл№8B008B139, 0, 139
Күлгін#800080 128, 0, 128
Индиго№4B008275, 0, 130
Көгілдір шифер№6A5ACD106, 90, 205
Қою шифер#483D8B72, 61, 139
Қоңыр тондар:
Жүгері жібек#FFF8DC255, 248, 220
Ағартылған бадам#FFEBCD255, 235, 205
Бискви#FFE4C4255, 228, 196
НаваджоАқ#FFDEAD255, 222, 173
Бидай#F5DEB3245, 222, 179
Берливуд#DEB887222, 184, 135
Сары#D2B48C210, 180, 140
Қызғылт қоңыр#BC8F8F188, 143, 143
Құмды қоңыр#F4A460244, 164, 96
Алтын шыбық#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Перу#CD853F205, 133, 63
Шоколад#D2691E210, 105, 30
СедлБраун№8B4513139, 69, 19
Сиена#A0522D160, 82, 45
Қоңыр#A52A2A165, 42, 42
қызыл қызыл#800000 128, 0, 0
Негізгі түстер:
Қара#000000 0, 0, 0
Сұр#808080 128, 128, 128
Күміс#C0C0C0192, 192, 192
Ақ#FFFFFF255, 255, 255
Фуксия#FF00FF255, 0, 255
Күлгін#800080 128, 0, 128
Қызыл#FF0000255, 0, 0
қызыл қызыл#800000 128, 0, 0
Сары#FFFF00205, 92, 92
Зәйтүн#808000 240, 128, 128
әк#00FF00250, 128, 114
Жасыл#008000 233, 150, 122
Aqua#00FFFF205, 92, 92
Қызғылт#008080 240, 128, 128
Көк#0000FF250, 128, 114
Әскери-теңіз күштері#000080 233, 150, 122
HTML және CSS тіліндегі түс атауы HEX RGB
Жасыл реңктер:
Жасыл сары#ADFF2F173, 255, 47
Chartreuse#7FFF00127, 255, 0
Көгал жасыл#7CFC00124, 252, 0
әк#00FF000, 255, 0
Лайм жасыл#32CD3250, 205, 50
ақшыл жасыл#98FB98152, 251, 152
Ашық жасыл#90EE90144, 238, 144
Орташа көктем жасыл#00FA9A0, 250, 154
Көктем жасыл#00FF7F0, 255, 127
Орташа теңіз жасылы№3CB37160, 179, 113
теңіз жасыл№2E8B5746, 139, 87
орман жасыл№228B2234, 139, 34
Жасыл#008000 0, 128, 0
қою жасыл#006400 0, 100, 0
сары жасыл№9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
Зәйтүн#808000 128, 128, 0
ҚараңғыЗәйтүнЖасыл#556B2F85, 107, 47
Орташа аквамарин#66CDAA102, 205, 170
Қараңғы теңіз жасыл#8FBC8F143, 188, 143
АшықТеңізЖасыл#20B2AA32, 178, 170
Қаракөгілдір#008B8B0, 139, 139
Қызғылт#008080 0, 128, 128
Көк реңктер:
Aqua#00FFFF0, 255, 255
көгілдір#00FFFF0, 255, 255
Ашықкөгілдір#E0FFFF224, 255, 255
палетуркуза#AFEEEE175, 238, 238
аквамарин#7FFFD4127, 255, 212
Бирюза#40E0D064, 224, 208
Орташа бірюза#48D1CC72, 209, 204
Қою бірюза#00CED10, 206, 209
Кадет көк#5F9EA095, 158, 160
болат көк№4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
Ұнтақ көк#B0E0E6176, 224, 230
көгілдір#ҚОСУ 8E6173, 216, 230
көк аспан#87CEEB135, 206, 235
LightSkyBlue#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
Доджер көк#1E90FF30, 144, 255
Жүгері көк№6495ED100, 149, 237
MediumSlateBlue#7B68EE123, 104, 238
Корольдік көк№4169E165, 105, 225
Көк#0000FF0, 0, 255
Орташа көк#0000 CD0, 0, 205
қара көк#00008B0, 0, 139
Әскери-теңіз күштері#000080 0, 0, 128
түн ортасы көк#191970 25, 25, 112
Ақ тондар:
Ақ#FFFFFF255, 255, 255
Қар#FFFAFA255, 250, 250
Шіре бал#F0FFF0240, 255, 240
Жалбыз кремі#F5FFFA245, 255, 250
Лазур#F0FFFF240, 255, 255
Алиса көк#F0F8FF240, 248, 255
елес ақ#F8F8FF248, 248, 255
ақ түтін#F5F5F5245, 245, 245
Теңіз қабығы#FFF5EE255, 245, 238
Бежевый#F5F5DC245, 245, 220
Ескі шілтер#FDF5E6253, 245, 230
Гүлді ақ#FFFAF0255, 250, 240
Пил сүйегі#FFFF0255, 255, 240
көне ақ#FAEBD7250, 235, 215
зығыр#FAF0E6250, 240, 230
Лаванда қызаруы#FFF0F5255, 240, 245
МистиРоза#FFE4E1255, 228, 225
Сұр реңктер:
Гейнсборо#DCDCDC220, 220, 220
ашық сұр#D3D3D3211, 211, 211
ашық сұр#D3D3D3211, 211, 211
Күміс#C0C0C0192, 192, 192
қара сұр#A9A9A9169, 169, 169
қара сұр#A9A9A9169, 169, 169
Сұр#808080 128, 128, 128
Сұр#808080 128, 128, 128
Күңгірт сұр#696969 105, 105, 105
DimGrey#696969 105, 105, 105
LightSlate Gray#778899 119, 136, 153
Ашық тақтатас сұр#778899 119, 136, 153
Slate Gray#708090 112, 128, 144
SlateGrey#708090 112, 128, 144
DarkSlate Gray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Қара#000000 0, 0, 0

HTML түстерінің кестесі (палитрасы).қажетті тонды өз бетінше таңдауға мүмкіндік береді. Түс мәні үш пішімде көрсетіледі: Hex, RGB және HSV.

  • Он алтылық он алтылық белгілеудегі үш екі таңбалық мәннен тұрады. Мысалы: #ff00b3, мұнда сандардың бірінші жұбы қызыл, екіншісі жасыл, үшіншісі көк.
  • RGB (RedGreenBlue) "200,100,255" пішімі бар, нәтижесінде алынған түстегі сәйкес тонның (қызыл, жасыл, көк) мөлшерін көрсетеді.
  • HSV (Hue, Saturation, Value - тон, қанықтылық, мән) - координаталары болатын түс үлгісі:
    • Реңк - түс тоны, 0°-тан 360°-қа дейін өзгеруі мүмкін.
    • Saturation - қанықтылық, 0-100 немесе 0-1 аралығында өзгереді. Бұл параметр неғұрлым үлкен болса, түс соғұрлым «таза» болады, сондықтан бұл параметр кейде түс тазалығы деп аталады. Және бұл параметр нөлге жақын болған сайын, түс бейтарап сұрға жақын болады.
    • Мән (түс мәні) - жарықтықты орнатады, мән 0-100 немесе 0-1 арасында да өзгеруі мүмкін.

Түс кодын енгізіңіз: ӨТ

Аты бар түстер тізімі

Кестеде түстердің атаулары берілген Ағылшын тілі(мәндер ретінде пайдалануға болады) барлық браузерлер және олардың он алтылық мәндері қолдайтын. Тізімдегі барлық түстер «қауіпсіз», яғни олар барлық браузерлерде бірдей көрсетіледі.

Түс атауы HEX Түс
Қара#000000
Әскери-теңіз күштері#000080
қара көк#00008B
Орташа көк#0000 CD
Көк#0000FF
қою жасыл#006400
Жасыл#008000
Қызғылт#008080
Қаракөгілдір#008B8B
DeepSkyBlue#00BFFF
Қою бірюза#00CED1
Орташа көктем жасыл#00FA9A
әк#00FF00
Көктем жасыл#00FF7F
Aqua#00FFFF
көгілдір#00FFFF
түн ортасы көк#191970
Доджер көк#1E90FF
АшықТеңізЖасыл#20B2AA
орман жасыл№228B22
теңіз жасыл№2E8B57
DarkSlate Gray#2F4F4F
Лайм жасыл#32CD32
Орташа теңіз жасылы№3CB371
Бирюза#40E0D0
Корольдік көк№4169E1
болат көк№4682B4
Қою шифер#483D8B
Орташа бірюза#48D1CC
Индиго№4B0082
ҚараңғыЗәйтүнЖасыл#556B2F
Кадет көк#5F9EA0
Жүгері көк№6495ED
MediumAquaMarine#66CDAA
Күңгірт сұр#696969
Көгілдір шифер№6A5ACD
OliveDrab#6B8E23
Slate Gray#708090
LightSlate Gray#778899
MediumSlateBlue#7B68EE
Көгал жасыл#7CFC00
Chartreuse#7FFF00
аквамарин#7FFFD4
қызыл қызыл#800000
Күлгін#800080
Зәйтүн#808000
Сұр#808080
көк аспан#87CEEB
LightSkyBlue#87CEFA
көк күлгін#8A2BE2
қою қызыл#8B0000
Қою қызыл№8B008B
СедлБраун№8B4513
Қараңғы теңіз жасыл#8FBC8F
Ашық жасыл#90EE90
Орташа күлгін#9370D8
қара күлгін#9400D3
ақшыл жасыл#98FB98
Қараңғы орхидея#9932CC
сары жасыл№9ACD32
Сиена#A0522D
Қоңыр#A52A2A
қара сұр#A9A9A9
көгілдір#ҚОСУ 8E6
Жасыл сары#ADFF2F
палетуркуза#AFEEEE
LightSteelBlue#B0C4DE
Ұнтақ көк#B0E0E6
FireBrick#B22222
DarkGoldenRod#B8860B
Орташа орхидея#BA55D3
Қызғылт қоңыр#BC8F8F
DarkHaki#BDB76B
Күміс#C0C0C0
Орташа күлгін қызыл#C71585
Үнді қызыл#CD5C5C
Перу#CD853F
Шоколад#D2691E
Сары#D2B48C
ашық сұр#D3D3D3
БозғылтҚызыл#D87093
Ошаған#D8BFD8
Орхидея#DA70D6
алтын таяқ#DAA520
Қып-қызыл#DC143C
Гейнсборо#DCDCDC
Алхоры#DDA0DD
Берливуд#DEB887
Ашықкөгілдір#E0FFFF
Лаванда#E6E6FA
Қара лосось#E9967A
күлгін#EE82EE
Бозғылт алтын таяқша#EEEE8AA
Ашық маржан#F08080
хаки#F0E68C
Алиса көк#F0F8FF
шіре бал#F0FFF0
Лазур#F0FFFF
Құмды қоңыр#F4A460
Бидай#F5DEB3
Бежевый#F5F5DC
ақ түтін#F5F5F5
Жалбыз кремі#F5FFFA
елес ақ#F8F8FF
Ақсерке#FA8072
көне ақ#FAEBD7
зығыр#FAF0E6
АшықАлтынТаяқсары#FAFAD2
Ескі шілтер#FDF5E6
Қызыл#FF0000
Фуксия#FF00FF
Қызыл қызыл#FF00FF
терең қызғылт#FF1493
Қызғылт сары қызыл#FF4500
Қызанақ#FF6347
қызғылт қызғылт#FF69B4
Маржан#FF7F50
қою қызғылт сары#FF8C00
Жеңіл лосось#FFA07A
Апельсин#FFA500
ашық қызғылт#FFB6C1
Қызғылт#FFC0CB
Алтын#FFD700
Шабдалы пуфы#FFDAB9
НаваджоАқ#FFDEAD
Мокасин#FFE4B5
Бискви#FFE4C4
МистиРоза#FFE4E1
Ағартылған бадам#FFEBCD
Папайя қамшысы#FFEFD5
Лаванда қызаруы#FFF0F5
теңіз қабығы#FFF5EE
Жүгері жібек#FFF8DC
ЛимонШиффон#FFFACD
Гүлді ақ#FFFAF0
Қар#FFFAFA
Сары#FFFF00
Ашық сары#FFFFE0
Пил сүйегі#FFFF0
Ақ#FFFFFF

Түстерді анықтау үшін он алтылық сандар қолданылады. Он алтылық жүйе ондық жүйеден айырмашылығы, аты айтып тұрғандай, 16 санына негізделген. Сандар келесідей болады: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. 10-нан 15-ке дейінгі сандар латын әріптерімен ауыстырылады. Он алтылық жүйедегі 15-тен үлкен сандар екі санды бір санға біріктіру арқылы жасалады. Мысалы, саны 255 дюйм ондық жүйеон алтылық жүйедегі FF санына сәйкес келеді. Санау жүйесінің анықтамасында шатасуды болдырмау үшін он алтылық санның алдына # хэш белгісі қойылады, мысалы #666999. Үш түстің әрқайсысы - қызыл, жасыл және көк - 00-ден FF-ге дейінгі мәндерді қабылдай алады. Осылайша, түсті белгілеу үш компонентке бөлінеді #rrggbb, мұнда алғашқы екі таңба түстің қызыл құрамдас бөлігін, екі ортаңғы таңба жасыл, ал соңғы екеуі көк түсті белгілейді. #rgb қысқартылған түрін пайдалануға рұқсат етіледі, мұнда әрбір таңба екі еселенуі керек. Осылайша, #fe0 жазбасы #ffee00 ретінде қарастырылуы керек.

аты бойынша

Internet Explorer Chrome Опера сафари Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Браузерлер кейбір түстерді аты бойынша қолдайды. Кестеде. 1 атауларды, он алтылық кодын, RGB, HSL пішіміндегі мәндерді және сипаттаманы көрсетеді.

қойындысы. 1. Түс атаулары
Аты Түс Код RGB HSL Сипаттама
ақ #ffff немесе #fff rgb(255,255,255) hsl(0,0%,100%) Ақ
күміс #c0c0c0 rgb(192,192,192) hsl(0,0%,75%) Сұр
сұр #808080 rgb(128,128,128) hsl(0,0%,50%) Қара сұр
қара #000000 немесе #000 rgb(0,0,0) hsl(0,0%,0%) Қара
қызыл қызыл #800000 rgb(128,0,0) hsl(0,100%,25%) Қою қызыл
қызыл #ff0000 немесе #f00 rgb(255,0,0) hsl(0,100%,50%) Қызыл
апельсин #ffa500 rgb(255,165,0) hsl(38,8,100%,50%) Апельсин
сары #ffff00 немесе #ff0 rgb(255,255,0) hsl(60,100%,50%) Сары
зәйтүн #808000 rgb(128,128,0) hsl(60,100%,25%) Зәйтүн
әк #00ff00 немесе #0f0 rgb(0,255,0) hsl(120,100%,50%) Ашық жасыл
жасыл #008000 rgb(0,128,0) hsl(120,100%,25%) Жасыл
аква #00ffff немесе #0ff rgb(0,255,255) hsl(180,100%,50%) Көк
көк #0000ff немесе #00f rgb(0,0,255) hsl(240,100%,50%) Көк
теңіз флоты #000080 rgb(0,0,128) hsl(240,100%,25%) Қара көк
көкшіл #008080 rgb(0,128,128) hsl(180,100%,25%) көк жасыл
фуксия #ff00ff немесе #f0f rgb(255,0,255) hsl(300,100%,50%) Қызғылт
күлгін #800080 rgb(128,0,128) hsl(300,100%,25%) күлгін

RGB көмегімен

Internet Explorer Chrome Опера сафари Firefox Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Түсті ондық сандармен қызыл, жасыл және көк мәндер арқылы анықтауға болады. Үш түсті құрамдастардың әрқайсысы 0-ден 255-ке дейінгі мәнді қабылдайды. Түсті пайызбен орнатуға болады, бұл ретте 100% 255 санына сәйкес келеді. Алдымен rgb кілт сөзі көрсетіледі, содан кейін түс құрамдастары көрсетіледі. жақшада көрсетілген, үтірмен бөлінген, мысалы rgb(255 , 128, 128) немесе rgb(100%, 50%, 50%).

RGBA

Internet Explorer Chrome Опера сафари Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

RGBA пішімі синтаксисі бойынша RGB форматына ұқсас, бірақ элементтің мөлдірлігін орнататын альфа арнасын қамтиды. 0 мәні толығымен мөлдір, 1 мөлдір емес және 0,5 сияқты аралық мән мөлдір.

RGBA CSS3-ке қосылған, сондықтан CSS кодын тексеру осы нұсқаға сәйкес жүргізілуі керек. Айта кету керек, CSS3 стандарты әлі де әзірлену үстінде және оның кейбір мүмкіндіктері өзгеруі мүмкін. Мысалы, фон түсі сипатына қосылған RGB түсі тексеруден өтеді, бірақ фон сипатына қосылған түс өтпейді. Сонымен қатар, браузерлер екі сипаттың да түсін дұрыс түсінеді.

HSL

Internet Explorer Chrome Опера сафари Firefox Android iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

HSL пішімінің атауы Hue (реңк), Қанықтылық (қанықтылық) және Lightness (жеңілдік) бірінші әріптерінің тіркесімінен жасалған. Реңк – түс дөңгелегіндегі түс мәні (1-сурет) және градуспен көрсетіледі. 0° қызыл, 120° жасыл, 240° көк. Реңк мәні 0-ден 359-ға дейін өзгеруі мүмкін.

Күріш. 1. Түс дөңгелегі

Қанықтылық – 0%-дан 100%-ға дейінгі пайызбен өлшенетін түс қарқындылығы. 0% мәні түсті және сұр реңктің жоқтығын көрсетеді, 100% қанықтылықтың максималды мәні болып табылады.

Жеңілдік түстің қаншалықты ашық екенін белгілейді және 0%-дан 100%-ға дейінгі пайызбен көрсетіледі. Шағын мәндер түсті қараңғы етеді, ал жоғары мәндер оны ашық етеді, 0% және 100% экстремалды мәндері ақ-қараға сәйкес келеді.

HSLA

Internet Explorer Chrome Опера сафари Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

HSLA пішімі синтаксисі бойынша HSL форматына ұқсас, бірақ элементтің мөлдірлігін орнататын альфа арнасын қамтиды. 0 мәні толығымен мөлдір, 1 мөлдір емес және 0,5 сияқты аралық мән мөлдір.

RGBA, HSL және HSLA пішіміндегі түс мәндері CSS3-ке қосылады, сондықтан осы пішімдерді пайдаланған кезде кодты нұсқаға сәйкестігін тексеріңіз.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Түстер

Ескерту

Сайтта тізімделген арыстанды ұстаудың барлық әдістері теориялық және есептеу әдістеріне негізделген. Авторлар оларды пайдалану кезінде сіздің қауіпсіздігіңізге кепілдік бермейді және нәтиже үшін жауапкершіліктен бас тартады. Есіңізде болсын, арыстан жыртқыш және қауіпті жануар!

Аррр!


Бұл мысалдың нәтижесі суретте көрсетілген. 2.

Күріш. 2. Веб-беттегі түстер

HTML түстері қиғаш сызықтан кейін алты таңбамен белгіленеді - мысалы, #000000. Бұл алты таңба соңғы түстегі әртүрлі түстердің (Қызыл, Жасыл және Көк) пропорцияларын білдіреді. Компьютер мониторындағы кескін пикселдер деп аталатын көптеген нүктелерден тұрады. Әрбір пиксель шағын жарық көзі болып табылады, оны «фонар» деп атаймыз, ол өз кезегінде үш фонарьдан тұрады - қызыл, жасыл және көк. Жеке түсті шамдардың жарқырауының қарқындылығын азайту немесе арттыру арқылы біз қажетті түсті аламыз.

html түс кодтары

HTML тіліндегі түстер қызыл, көк және жасыл (RGB) комбинациясы үшін он алтылық (HEX) белгісімен белгіленеді.

Ең кіші түс мәні - 0 (он алтылық 00). Ең жоғарғы түс мәні 255 (он алтылық FF).

Он алтылық түс мәні # әрпінен басталатын үш саннан тұрады.

Түс кодтары (мәндер)

Түс HEX коды 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 миллион реңк

Әрбір түс үшін 0-ден 255-ке дейінгі мәндермен қызыл, көк және жасыл түстерді біріктіру 16 миллионнан астам реңктерді қосады (256 x 256 x 256).

Қазіргі заманғы мониторлардың көпшілігі кем дегенде 16 384 түрлі реңктерді көрсетуге қабілетті (LCD мониторлары әдетте 262,16 млн. көрсетуге қабілетті. (2013 жылдың қазан айында жаңартылған)түстерді, ал CRT мониторлары түстердің шексіз санын көрсете алады).

Төмендегі түстер кестесінде көк және жасыл үшін нөлдік мәндермен 0-ден 255-ке дейінгі қызыл пропорцияның өзгеруі көрсетілген:

Қызыл HEX коды 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)

сұр реңктері

Сұр реңктерді алу үшін барлық түстердің тең пропорциялары қолданылады. Қажетті түсті таңдауды жеңілдету үшін біз сізге сұр реңктердің кодтарын береміз.

сұр реңктері HEX коды 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)

Кросс-браузер (барлық браузерлер үшін) html түс атаулары

Барлық браузерлерде қолдау көрсетілетін 150 html түс атауларының жинағы.

Стандартталған түс атаулары

W3C HTML және CSS үшін жарамды 16 түс атауларының тізімін береді: аква (аквамарин), қара (қара), көк (көк), фуксия (қызыл), сұр (сұр), жасыл (жасыл), әк (лайм немесе ашық жасыл), қызыл күрең (каштан), теңіз (ультрамарин), зәйтүн (зәйтүн), күлгін (күлгін), қызыл (қызыл), күміс (күміс), ақшыл (сұр), ақ (ақ) және сары (сары).

Бұл тізімге кірмеген түстерді пайдаланған кезде олардың он алтылық кодын (HEX) немесе RGB кодын пайдалану дұрысырақ болады.

Қауіпсіз түстер

Бірнеше жыл бұрын, компьютерлер максимум 256 түрлі түстерді қолдай алатын кезде, жүйе үшін сақталған 40 түсті 216 «Веб-қауіпсіз түстер» тізімі ұсынылды.

Бұл 216 түсті палитра 256 түсті палитра режимінде түстерді дұрыс көрсету үшін жасалған.

Бұл қазір маңызды емес, өйткені әлемдегі көптеген компьютерлер миллиондаған түс реңктерін қолдайды. Қалай болғанда да, бұл түстердің тізімі:

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