Гэр / Skype / Улаан ff0000. CSS өнгө - RGB утгууд

Улаан ff0000. CSS өнгө - RGB утгууд

Хүснэгт (палитр) html өнгө танд хэрэгтэй аяыг бие даан сонгох боломжийг танд олгоно. Өнгөний утгыг Hex, RGB, HSV гэсэн гурван форматаар харуулдаг.

  • Hex нь арван зургаатын тооллын гурван хоёр тэмдэгтээс бүрдэнэ. Жишээ нь: #ff00b3, эхний хос тоо нь улаан, хоёр дахь нь ногоон, гурав дахь нь цэнхэр байна.
  • RGB (RedGreenBlue) нь "200,100,255" хэлбэртэй бөгөөд үүссэн өнгөний харгалзах өнгөний хэмжээг (улаан, ногоон, цэнхэр) илэрхийлдэг.
  • HSV (Hue, Saturation, Value - өнгө аяс, ханалт, утга) - өнгөт загвар нь координатууд нь:
    • Hue - өнгөний өнгө, 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
Ус#00FFFF
цэнхэр#00FFFF
шөнө дунд цэнхэр#191970
Dodger Blue#1E90FF
ХөнгөнДалайнНогоон#20B2AA
ойн ногоон#228B22
далайн ногоон#2E8B57
DarkSlateGray#2F4F4F
Шохойн ногоон#32CD32
Дунд зэргийн далайн ногоон#3CB371
оюу#40E0D0
Хааны цэнхэр#4169E1
ган цэнхэр#4682B4
DarkSlateBlue#483D8B
Дунд зэргийн оюу#48D1CC
Индиго#4B0082
DarkOliveGreen#556B2F
Кадет Цэнхэр#5F9EA0
Эрдэнэ шишийн цэнхэр#6495ED
Дунд зэргийн AquaMarine#66CDAA
Бүдэг саарал#696969
Шифер цэнхэр#6A5ACD
OliveDrab#6B8E23
Саарал саарал#708090
Цайвар саарал#778899
Дунд зэргийн SlateBlue#7B68EE
зүлэг ногоон#7CFC00
chartreuse#7FFF00
номин#7FFFD4
хүрэн улаан#800000
Нил ягаан#800080
Олив#808000
Саарал#808080
хөх тэнгэр#87CEEB
LightSkyBlue#87CEFA
хөх ягаан#8A2BE2
гүн улаан#8B0000
DarkMagenta#8B008B
Эмээл Браун#8B4513
DarkSeaGreen#8FBC8F
Цайвар ногоон#90EE90
Дунд зэргийн ягаан#9370D8
хар ягаан#9400D3
цайвар ногоон#98FB98
Хар цахирмаа#9932CC
шар ногоон#9ACD32
Сиенна#A0522D
Бор#A52A2A
хар саарал#A9A9A9
цайвар цэнхэр#НЭМЭХ8E6
Ногоон шар#ADFF2F
цайвар оюу#AFEEEE
LightSteelBlue#B0C4DE
Нунтаг цэнхэр#B0E0E6
Галт тоосго#B22222
DarkGoldenRod#B8860B
Дунд зэргийн цахирмаа#BA55D3
Сарнай Браун#BC8F8F
DarkKhaki#BDB76B
Мөнгө#C0C0C0
Дунд зэргийн ягаан улаан#C71585
Энэтхэгийн улаан#CD5C5C
Перу# CD853F
Шоколад#D2691E
Бор#D2B48C
цайвар саарал#D3D3D3
Цайвар ягаан улаан#D87093
Thistle#D8BFD8
Орхидэйн#DA70D6
алтан саваа#DAA520
Час улаан#DC143C
Гейнсборо#DCDCDC
Хар чавга#DDA0DD
Бурливуд#DEB887
Цайвар цэнхэр#E0FFFF
Лаванда цэцэг#E6E6FA
Хар хулд#E9967A
ягаан#EE82EE
PaleGoldenRod#EEEE8AA
Хөнгөн шүрэн#F08080
Хаки#F0E68C
Алис Цэнхэр#F0F8FF
зөгийн балны шүүдэр#F0FF00
Азур#F0FFFF
Сэнди Браун#F4A460
Улаан буудай#F5DEB3
Шаргал#F5F5DC
цагаан утаа#F5F5F5
Mint Cream#F5FFFA
сүнс цагаан#F8F8FF
Салмон#FA8072
эртний цагаан#FAEBD7
цагаан хэрэглэл#FAF0E6
Хөнгөн алтан саваа шар#FAFAD2
Хуучин нэхсэн тор#FDF5E6
Улаан#FF0000
Фуксия#FF00FF
Магента#FF00FF
гүн ягаан#FF1493
Улбар шар улаан#FF4500
улаан лоль#FF6347
халуун ягаан#FF69B4
Шүрэн#FF7F50
хар улбар шар#FF8C00
Хөнгөн хулд#FFA07A
жүрж#FFA500
цайвар ягаан#FFB6C1
Ягаан#FFC0CB
алт#FFD700
Peach Puff#FFDAB9
Навахо Цагаан#FFDEAD
Моккасин#FFE4B5
Биск#FFE4C4
МистиРоза#FFE4E1
Цайруулсан бүйлс#FFEBCD
Папайя ташуур#FFEFD5
Лаванда цэцгийн ичих#FFF0F5
далайн хясаа#FFF5EE
эрдэнэ шишийн торго#FFF8DC
LemonChiffon#FFFACD
Цэцэгт Цагаан#FFFAF0
Цас#FFFAFA
Шар#FFFF00
Цайвар шар#FFFFE0
Зааны ясан#FFFF0
Цагаан#FFFFFF

Энэ хуудас нь HTML, CSS, JavaScript, Flash гэх мэт вэб хөгжүүлэлтийн хэлнүүдийн өнгийг тодорхойлоход ашиглаж болох түлхүүр үгс бүхий хүснэгтийг агуулдаг.

Хуучин WC3 тодорхойлолтод HTML болон CSS-д өнгө тохируулахад ердөө 16 түлхүүр үг ашигласан. Хожим нь илүү орчин үеийн техникийн үзүүлэлтүүдэд өнгөний нэрийг илэрхийлэх өөр 130 түлхүүр үг нэмсэн. Дараах хүснэгтэд өнгөний нэрс, 16-тын тоо, RGB кодууд багтсан болно.

CSS дүрмийн дагуу өнгөт нэр нь жижиг жижиг үсгээр ялгагддаггүй. IndianRed болон indianred гэсэн өнгөний оруулгууд нь тэнцүү байна.

Хүснэгтэд байгаа 146 түлхүүр үгнээс үнэндээ цөөн өнгө байгааг тэмдэглэх нь зүйтэй. Учир нь зарим нь түлхүүр үгсижил өнгийг төлөөлдөг. Тэгэхээр Саарал, Саарал гэсэн нэрс нь 808080 кодтой 50 хувь саарал гэсэн үг бөгөөд Магента гэдэг үг ижил утгатай. HTML өнгө Fuchsia , #FF00FF hex кодтой харгалзах. 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
Галт тоосго#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
LemonChiffon#FFFACD255, 250, 205
Хөнгөн Алтан саваа Шар#FAFAD2250, 250, 210
Папайя ташуур#FFEFD5255, 239, 213
Моккасин#FFE4B5255, 228, 181
Peach Puff#FFDAB9255, 218, 185
PaleGoldenrod#EEEE8AA238, 232, 170
Хаки#F0E68C240, 230, 140
DarkKhaki#BDB76B189, 183, 107
Нил ягаан өнгө:
Лаванда цэцэг#E6E6FA230, 230, 250
Thistle#D8BFD8216, 191, 216
Хар чавга#DDA0DD221, 160, 221
ягаан#EE82EE238, 130, 238
Орхидэйн#DA70D6218, 112, 214
Фуксия#FF00FF255, 0, 255
Магента#FF00FF255, 0, 255
Дунд зэргийн цахирмаа#BA55D3186, 85, 211
Дунд зэргийн ягаан#9370DB147, 112, 219
хөх ягаан#8A2BE2138, 43, 226
хар ягаан#9400D3148, 0, 211
Хар цахирмаа#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Нил ягаан#800080 128, 0, 128
Индиго#4B008275, 0, 130
Шифер цэнхэр#6A5ACD106, 90, 205
DarkSlateBlue#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
Ус#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
DarkOliveGreen#556B2F85, 107, 47
Дунд зэргийн аквамарин#66CDAA102, 205, 170
DarkSeaGreen#8FBC8F143, 188, 143
ХөнгөнДалайнНогоон#20B2AA32, 178, 170
Хар хөх#008B8B0, 139, 139
Цайвар#008080 0, 128, 128
Цэнхэр өнгө:
Ус#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
Dodger Blue#1E90FF30, 144, 255
Эрдэнэ шишийн цэнхэр#6495ED100, 149, 237
Дунд зэргийн SlateBlue#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
Зөгийн балны шүүдэр#F0FF00240, 255, 240
Mint Cream#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
Бүдэг саарал#696969 105, 105, 105
Цайвар саарал#778899 119, 136, 153
Хөнгөн SlateGrey#778899 119, 136, 153
Саарал саарал#708090 112, 128, 144
SlateGrey#708090 112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Хар#000000 0, 0, 0

CSS дахь өнгөт кодыг өнгө тодорхойлоход ашигладаг. Ихэвчлэн өнгөний код эсвэл өнгөний утгыг элементийн нүүрэн талд (жишээ нь, текст, холбоосын өнгө) эсвэл элементийн арын дэвсгэр (арын дэвсгэр, блокны өнгө) өнгө тохируулахад ашигладаг. Тэдгээрийг мөн товчлуурын өнгө, хүрээ, тэмдэглэгээ, хулганыг чиглүүлэх болон бусад гоёл чимэглэлийн эффектүүдийг өөрчлөхөд ашиглаж болно.

Та өөрийн өнгөний утгыг тохируулах боломжтой янз бүрийн форматууд. Дараах хүснэгтэд бүх боломжит форматуудыг жагсаав.

Эдгээр форматыг доор дэлгэрэнгүй тайлбарласан болно.

CSS өнгө - Hex кодууд

Зургадугаар талт өнгөт кодзургаан оронтой өнгөт дүрслэл юм. Эхний хоёр цифр (RR) нь улаан, дараагийн хоёр нь ногоон (GG), сүүлийн хоёр нь цэнхэр (BB) байна.

CSS Өнгө - Богино Hex кодууд

Богино арван зургаатын өнгөний кодгэдэг нь зургаан тэмдэгттэй тэмдэглэгээний богино хэлбэр юм. Энэ форматаар цифр бүр давтагдаж, зургаан оронтой тэнцэх өнгөний утгыг гаргадаг. Жишээ нь: # 0F0 нь # 00FF00 болно.

Арван арвантын утгыг ямар ч графикаас авч болно програм хангамжгэх мэт Adobe Photoshop, Core Draw гэх мэт.

CSS дэх арван зургаатын өнгөт код бүрийн өмнө "#" хэш тэмдэг байх болно. Доорх нь арван зургаан тоот тэмдэглэгээг ашиглах жишээ юм.

CSS өнгө - RGB утгууд

RGB утга rgb() шинж чанарыг ашиглан тохируулсан өнгөний код юм. Энэ өмч нь улаан, ногоон, цэнхэр гэсэн гурван утгыг авна. Утга нь 0-ээс 255 хүртэлх бүхэл тоо эсвэл хувь байж болно.

Жич:Бүх хөтөч rgb() өнгөт шинж чанарыг дэмждэггүй тул үүнийг ашиглахыг зөвлөдөггүй.

RGB утгыг ашиглан олон өнгийг харуулсан жишээг доор харуулав.

Өнгөний код үүсгэгч

Та манай үйлчилгээгээр сая сая өнгөт код үүсгэх боломжтой.

Аюулгүй хөтчийн өнгө

Хамгийн найдвартай, компьютерээс хамааралгүй 216 өнгөний хүснэгтийг доор харуулав. CSS дээрх эдгээр өнгө нь 000000-аас FFFFFF hex код хүртэл хэлбэлздэг. Эдгээр нь 256 өнгөт палитртай ажиллахад бүх компьютер өнгийг зөв харуулахыг баталгаажуулдаг тул ашиглахад аюулгүй.

CSS дээрх "аюулгүй" өнгөний хүснэгт
#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