Хүснэгт (палитр) 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 кодтой тохирч байна.
|
|
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 |