Саарал өнгө 128. Minecraft дахь өнгөний кодууд

Харамсалтай нь, энэ сайт дээр амт мэдрэмжийг харуулах хараахан боломжгүй байна. Гэхдээ үүнийг өнгөний тусламжтайгаар бүрэн нөхөж болно. Эцсийн эцэст, html өнгө нь сая сая сүүдэрүүдийн аль нэгийг харуулах боломжийг олгодог. Тэгэхээр" өнгийн харандааТүүний багцад долоогоос хамаагүй илүү байдаг.

html дээр өнгө

Html дээр өнгийг хэд хэдэн хэлбэрээр зааж өгч болно:

1. 16-тын утгын хувьд - 16-тын системд заасан кодыг ашиглана. Ийм html өнгөт кодууд нь гурван хос арван арван зургаат тооноос бүрдэнэ. Хос бүр нь үндсэн өнгөөрөө өнгөний ханалтыг хариуцдаг.

  • Эхний тооны хос нь улаан өнгийг хариуцдаг;
  • Хоёр дахь хос нь ногоон агууламжийн хувьд;
  • Сүүлийнх нь цэнхэр өнгөний агуулгад зориулагдсан.

Кодын эхэнд (тоонуудын өмнө) хэш байрлуулсан байна. Энэ бол арван зургаан тоот өнгөний код юм. Энэхүү тооллын систем нь 1-ээс 9 хүртэлх тооноос гадна латин цагаан толгойн үсгийг (A, B, C, D, E, F) ашигладаг.

Жишээлбэл, html дээрх цагаан код нь #FFFFFF шиг харагдах болно:

2. Түлхүүр үг - html одоогоор 147 орчим түлхүүр үгийг дэмждэг. Гэхдээ эдгээр үгс бүгд өвөрмөц биш юм. Тэдгээрийн зарим нь ижил өнгийн сүүдэртэй холбоотой байдаг.

Саарал нь саарал, саарал гэсэн хоёр түлхүүр үгээр илэрхийлэгддэг. Тэдний 16-тын код (HEX) нь ижил утгатай # 808080-аар тохируулагдсан.

Жишээ:

#808080




3. RGB форматаар - энэ html өнгөний кодчилол нь 0-ээс 255 хүртэлх гурван утгыг ашиглахад суурилдаг. Тэд тус бүр нь үндсэн өнгөний аль нэгээр өнгөний ханалтыг тодорхойлдог.

  • R - улаан (улаан);
  • G - ногоон (ногоон);
  • B - цэнхэр.

RGB формат дахь өнгөний дугаарыг дараах байдлаар бичнэ: rgb (0, 210, 100).

дэвсгэр өнгө: rgb (100,186,43)


4. RGBA форматаар - энэ нь сайжруулсан RGB формат бөгөөд дөрөв дэх утга нь өнгөний ил тод байдлыг 0-ээс 1 хүртэлх аравтын бутархай байдлаар тодорхойлдог.

Хэрэглээний жишээ:

дэвсгэр өнгө: rgba (100,86,143,0.2)

дэвсгэр өнгө: rgba (100,86,143,0.5)

дэвсгэр өнгө: rgba (100,86,143,0.8)

дэвсгэр өнгө: rgba (100,86,143,1)


Html өнгөний хүснэгт ба өнгө үүсгэгч

Ийм өргөн хүрээний өнгөний тохиргоотой тул төөрөлдөхөд хялбар байдаг. Тиймээс тусгай өнгөт хүснэгтийг зохион бүтээсэн. Үүнд өнгөт дүрсний 147 гол нэрсийг өнгө дүрслэлийн бүх үндсэн стандартад нийцүүлэх кодыг өгсөн болно. Нэмж дурдахад, талбар бүр өнгөний харагдахуйц тохирох баараар тоноглогдсон байдаг. Эдгээр хүснэгтүүдийн нэгийг colorscheme.ru вэбсайт дээр үзүүлэв.


Гэхдээ тоглолтын ийм бүтэцтэй байсан ч хүссэн сүүдрийг сонгоход хэцүү байж болно. Мөн өнгөт кодын хүснэгтэд зөвийг агуулсан байгаа нь баримт биш юм.

Энэхүү саад бэрхшээлийг даван туулж, зөв ​​сүүдэр олоход аль болох хялбар болгохын тулд интерактив вэб үйлчилгээг хөгжүүлсэн. Тэдний хэрэглэгчийн интерфэйс бага зэрэг өөр байж болно.

html-color-codes.info вэбсайт дээр өнгө үүсгэгч дараах байдалтай байна.


Мөн color-picker.appsmaster.co үйлчилгээний хүрээнд энэ хэрэгслийг арай өөрөөр хэрэгжүүлдэг:


Генератор дахь өнгө бүрийн ханалтыг тусгай гулсагч ашиглан тогтоодог. Харааны хувьд өнгө нь зүүн талд байгаа хүрээ, тэгш өнцөгтийн өнгөөр ​​харагдана. Доод талд 3 талбарт өнгөт кодыг үндсэн форматаар харуулав.

Гэхдээ өнгө үүсгэгч нь зөвхөн тусгай сайтууд дээр байдаггүй. Бараг бүх график редакторууд ийм хэрэгслээр тоноглогдсон байдаг. Жишээ нь Photoshop:


Өнгөний аюулгүй байдал

Энэ нь зөвхөн 256 өнгийг дэмждэг видео картуудын эрин үед нэлээд эрт байсан. Эдгээр алс холын үед үйлдлийн системүүд зөвхөн тодорхой тооны найман битийн сүүдрийг гажуудалгүйгээр харуулах боломжтой байв.

Дараа нь гайхалтай өнгөт аюулгүй ширээг боловсруулсан. Энэ нь тухайн үеийн аль ч хөтөч дээр гажуудалгүйгээр харуулах боломжтой 216 сүүдрийг зааж өгсөн. Өнөөдрийг хүртэл энэ " агуу гар бичмэл"Зарим эх сурвалж дээр байгаа хэвээр байна:


Бидний үед бүх зүйл өөрчлөгдсөн. Тиймээс html дээр өнгөт ажиллахдаа аюулгүй байдлын бүх дүрмийг бүрэн хүчингүй болгосон. Эцсийн эцэст орчин үеийн компьютерийн техник хангамж нь 16 сая гаруй өөр өөр сүүдэрийг дэмждэг. Мөн 216 аюулгүй өнгө мартагдах болсон.

Эдгээр мэдээллийг статистик мэдээллээр бүрэн баталж байна. Үүнээс харахад 2014 онд хэрэглэгчдийн дөнгөж 0.5% нь ердөө 256 сүүдэр дэмждэг компьютертэй байна.

Өнгөний зохицлын үндэс

Бид бүгдээрээ байгалийн зохицсон амт мэдрэмжээр хангагдаагүй байдаг. Тиймээс зөв өнгө сонгох нь жинхэнэ сорилт болно. Гэхдээ шинжлэх ухааныг магтаж, тэр өнгөний зохицлыг хэд хэдэн схемийн хэлбэрээр дүрсэлж чадсан. Тэд бүгд өнгөт дугуйны хэрэглээнд суурилдаг. Html дээр зохицсон өнгө тааруулах схемүүд:

  • Зэрэгцээ өнгөний схем - өнгөт дугуй дахь хоёр сүүдэр зэрэгцээ байх үед;
  • Гурвалжны схем - гурвалжны бүх өнцөг нь аль нэг өнгө дээр суурилдаг;
  • Монохроматик - ижил өнгийн хэд хэдэн ойрхон сүүдэр сонгох үед;
  • Аналог нь монохромат хэлхээний илүү дэвшилтэт хувилбар юм. Энэ тохиолдолд ижил өнгийн сүүдэр нь тодорхой зайд байрладаг.

Эдгээр бүх схемийн хэрэгжилтийг paletton.com үйлчилгээнд сайн харуулсан. Энэ нь өнгөний зохицлыг хялбархан хийх боломжийг танд олгоно.

HTML дээр өнгийг гурван аргаар тохируулж болно:

HTML дээр нэрээр нь өнгийг тохируулах

Зарим өнгийг англи хэл дээрх өнгөний нэрийг утга болгон ашиглан нэрээр нь тодорхойлж болно. Хамгийн түгээмэл түлхүүр үгс нь хар, цагаан, улаан, ногоон, цэнхэр гэх мэт.

Текстийн өнгө - улаан

World Wide Web Consortium (W3C) стандартын хамгийн алдартай өнгө:

ӨнгөНэрӨнгөНэр ӨнгөНэр ӨнгөНэр
Хар Саарал Мөнгө Цагаан
Шар Шохой Ус Фуксия
Улаан Ногоон Цэнхэр Нил ягаан
Марун Олив Тэнгисийн цэргийн флот Цайвар

Өөр өөр өнгөний нэрийг ашиглах жишээ:

Жишээ нь: өнгийг нэрээр нь тохируулах

  • Та өөрөө туршаад үзээрэй"

Улаан дэвсгэр дээр гарч байна

Улбар шар дэвсгэр дээр гарчиг

Шохойн дэвсгэр дээрх гарчиг

Цэнхэр дэвсгэр дээр цагаан текст

Улаан дэвсгэр дээр гарч байна

Улбар шар дэвсгэр дээр гарчиг

Шохойн дэвсгэр дээрх гарчиг

Цэнхэр дэвсгэр дээр цагаан текст

RGB ашиглан өнгө зааж байна

Дэлгэц дээр өөр өөр өнгийг харуулах үед энэ нь RGB палитр дээр суурилдаг. Ямар ч өнгийг гурван үндсэн өнгийг холих замаар олж авдаг. R - улаан (улаан), G - ногоон (ногоон), B - цэнхэр... Өнгө бүрийн тод байдлыг нэг байтаар тодорхойлсон тул 0-ээс 255 хооронд хэлбэлзэж болно. Жишээлбэл, RGB (255,0,0) нь улаанаар харагдана, учир нь улааныг хамгийн дээд утга (255) болгож, үлдсэнийг нь тохируулсан. 0 хүртэл Та мөн өнгийг хувиар тохируулж болно. Параметр бүр нь харгалзах өнгөний тод байдлын түвшинг заана. Жишээ нь: rgb (127, 255, 127) ба rgb (50%, 100%, 50%) нь ижил дундаж ханасан ногооныг тохируулна:

Жишээ: RGB ашиглан өнгө зааж өгсөн

  • Та өөрөө туршаад үзээрэй"

rgb (127, 255, 127)

rgb (50%, 100%, 50%)

rgb (127, 255, 127)

rgb (50%, 100%, 50%)

Зургадугаар талт өнгөний тохиргоо

Үнэт зүйлс Р Г БАравтын тоо (HEX) өнгөний утгыг дараах хэлбэрээр зааж өгч болно: #RRGGBB энд RR (улаан), GG (ногоон) ба BB (цэнхэр) нь 00-оос FF хүртэлх арван арвантын утгууд (аравтын бутархай 0-255-тай адил) ) ... Аравтын тооллын систем нь аравтын бутархайн системээс ялгаатай нь нэрнээс нь харахад 16 тоон дээр суурилдаг. Арван аравтын систем нь дараах тэмдэгтүүдийг ашигладаг: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, С, D, E, F. Энд 10-аас 15 хүртэлх тоог латин үсгээр сольсон. 15-аас дээш арван арван тоот тоо нь хоёр тэмдэгтийг нэг утга болгон нэгтгэхийг илэрхийлнэ. Жишээлбэл, аравтын бутархай дахь хамгийн өндөр тоо 255 нь зургаан өнцөгт дэх хамгийн өндөр FF юм. Аравтын бутархайн системээс ялгаатай нь 16-тын тооны урд хэш тэмдгийг байрлуулсан байдаг # жишээлбэл, улаан өнгийг хамгийн дээд утгаараа (FF), бусад өнгийг хамгийн бага утгад (00) тохируулсан тул # FF0000-г улаанаар харуулах болно. Хэш тэмдгийн дараах тэмдэгтүүд # Та том болон жижиг үсгээр бичиж болно. Арван аравтын систем нь #rgb гэх мэт товчилсон хэлбэрийг ашиглах боломжийг олгодог бөгөөд тэмдэгт бүр нь давхартай тэнцэнэ. Тиймээс # f7O оруулгыг # ff7700 гэж үзэх ёстой.

Жишээ нь: Өнгө HEX

  • Та өөрөө туршаад үзээрэй"

улаан: # FF0000

ногоон: # 00FF00

цэнхэр: # 0000FF

улаан: # FF0000

ногоон: # 00FF00

цэнхэр: # 0000FF

улаан + ногоон = шар: # FFFF00

улаан + цэнхэр = нил ягаан: # FF00FF

ногоон + цэнхэр = хөх: # 00FFFF

Нийтлэг өнгөний жагсаалт (нэр, HEX ба RGB):

Англи нэр Орос нэр Дээж HEX RGB
Амарант Амарант # E52B50 229 43 80
Хув Хув # FFBF00 255 191 0
Ус Цэнхэр ногоон # 00FFFF 0 255 255
Азүр Азүр # 007FFF 0 127 255
Хар Хар #000000 0 0 0
Цэнхэр Цэнхэр # 0000FF 0 0 255
Бонди цэнхэр Бонди далайн эргийн ус # 0095B6 0 149 182
Гуулин Гуулин # B5A642 181 166 66
Бор Бор # 964B00 150 75 0
Cerulean Азүр # 007BA7 0 123 167
Хаврын хар ногоон Хаврын хар ногоон #177245 23 114 69
Маргад Маргад # 50C878 80 200 120
Хаш Хаш #990066 153 0 102
Фуксия Фуксия # FF00FF 255 0 255
алт алт # FFD700 250 215 0
Саарал Саарал #808080 128 128 128
Ногоон Ногоон # 00FF00 0 255 0
Индиго Индиго # 4B0082 75 0 130
хаш хаш # 00A86B 0 168 107
Шохой Шохой # CCFF00 204 255 0
Малахит Малахит # 0BDA51 11 218 81
Тэнгисийн цэргийн флот хар хөх #000080 0 0 128
Очер Очер # CC7722 204 119 34
Олив Олив #808000 128 128 0
жүрж жүрж # FFA500 255 165 0
Тоор жимс Тоор жимс # FFE5B4 255 229 180
Хулуу Хулуу # FF7518 255 117 24
Нил ягаан Нил ягаан #800080 128 0 128
Улаан Улаан # FF0000 255 0 0
Гүргэм Гүргэм # F4C430 244 196 48
Далайн ногоон Ногоон тэнгис # 2E8B57 46 139 87
Намаг ногоон Намаг # ACB78E 172 183 142
Цайвар Цэнхэр ногоон #008080 0 128 128
Хэт марин Хэт марин # 120A8F 18 10 143
Нил ягаан Нил ягаан # 8B00FF 139 0 255
Шар Шар # FFFF00 255 255 0

Өнгөний кодууд (арын дэвсгэр) ханасан байдал, өнгө өнгөөр.

CSS-ийг ойлгохгүй байна). Тиймээс ирээдүйн вэбмастер зүгээр л сурах хэрэгтэй Өнгө өөрчлөх боломжийг олгодог HTML хэрэгслүүд,жишээлбэл, сайтын зорилтот хэрэглэгчдийн анхаарлыг татахуйц тод, өнгөлөг и-мэйл мэдээллийн товхимол гаргахын тулд.

Энэ нийтлэл нь нэлээд том хэмжээтэй болсон боловч үүнээс та HTML ашиглан өнгөт ажиллах техникийн бүх шинж чанаруудын талаар мэдэх болно. Бид яагаад HTML хуудасны зарим элементүүдийг өнгөөр ​​тодруулах хэрэгтэй вэ гэсэн асуултыг эрэмбэлж бичлэг хийж эхэлнэ. Дараа нь бид тусгай код ашиглан HTML-д өнгийг тодорхойлох боломжийг олгодог RGB загварын талаар ярих болно (замын дагуу бид аравтын өнгөний кодууд болон HTML өнгөний аравтын тоонуудыг харах болно). Мөн энэ нийтлэлээс та өнгөт палитрыг мэдэж авахаас гадна HTML дээр яагаад палитр байдаггүйг ойлгох болно. Мөн энэ хэвлэлийг дуусгах болно дэвсгэр өнгө, текст, холбоосыг өөрчлөх жишээнүүд.

HTML дээр өнгө ашиглах

Сайтын хуудсууд нь зураггүйгээр уйтгартай, сонирхолгүй байх болно, учир нь бид өмнө нь, маш дэлгэрэнгүй ярьсан. Гэхдээ зурагнууд нь нэг чухал сул талтай: зураг бүр нь нэмэлт бөгөөд үүний дагуу байршуулах нэмэлт ачаалал юм.

Би WordPress блогоо бүтээхдээ нэг ч зураг ашиглаагүй, зохион байгуулалт нь бүхэлдээ өнгөөр ​​чимэглэгдсэн болохыг анхаарна уу. Яг л адилхан Бид өнөөдөр HTML хэл дээрх өнгөний талаар ярих болно... HTML дэх өнгийг янз бүрийн зорилгоор ашигладаг, жишээлбэл, бид сайтын зохион байгуулалтыг нэг эсвэл өөр өнгөөр ​​тодруулж болно.

Өнгөний тусламжтайгаар бид зочдын анхаарлыг сайтын тодорхой текст эсвэл блок дээр төвлөрүүлж чадна. Хэрэглэгч аль линк дээр дарсан, аль линкээр хараахан зочилоогүй, яг одоо аль HTML хуудас дээр байгаа гэдгээ ойлгохуйц өнгө ашиглан тодорхойлсон болохыг анхаарна уу.

Болгоомжтой байгаарай HTML баримтыг загварчлахад өнгө ашиглах, бүх өнгө нь бие биентэйгээ нийцдэггүй бөгөөд өнгө бүр таны сайтын зочдод таалагдахгүй байх болно. Гэхдээ та эдгээр нарийн ширийн зүйлийн талаар вэб дизайнеруудаас асуусан нь дээр, энэ нийтлэл нь HTML хуудасны элементүүдийн өнгийг хянах боломжийг олгодог техникийн шинж чанаруудыг ойлгоход тусална.

Гэхдээ зохион байгуулалт нь контентоос тусгаарлагдсан байх ёстой гэдгийг мартаж болохгүй, тиймээс HTML хуудсан дээр өнгө засахын тулд CSS ашиглах нь илүү дээр юм, гэхдээ бид өөр нийтлэлд энэ тухай ярих болно. Одоо бид харах болно Сайтын хуудасны өнгөний менежментийн HTML-д ямар хэрэгслүүд байдаг.

Мэдээллийн технологийн салбарт өнгө хувиргах олон өнгөт загварууд байдаг. Хамгийн өргөн хэрэглэгддэг өнгө дүрслэлийн загвар бол RGB загвар юм. Бид энэ загварын зарим онцлог шинж чанаруудын талаар энд ярих бөгөөд RGB-тэй илүү дэлгэрэнгүй танилцахын тулд тусдаа хэвлэл байх болно. Доор та IT-д ашигласан өнгөт загваруудын жагсаалтыг олох болно (зөвхөн HTML болон CSS-д биш):

  1. RGB загвар. Энэ загвар нь маш өргөн тархсан бөгөөд магадгүй HTML элементүүдийн өнгийг өөрчлөх хамгийн тохиромжтой, нийтлэг аргуудын нэг юм.
  2. RGBA загвар. Энэ загвар нь RGB загвартай маш төстэй боловч альфа өнгөт сувгийг агуулдаг. RGBA загварын онцлог нь танд тохируулах боломжийг олгодог HTML элементийн өнгө төдийгүй түүний ил тод байдалальфа суваг байгаатай холбоотой. RGBA загварыг CSS3 дээр нэмсэн бөгөөд хуучин хөтчүүд дэмждэггүй.
  3. HSL загвар. HSL загварын онцлог нь бид өнгө, ханалт, цайвар гэсэн параметрүүдийг ашиглан өнгийг тохируулдаг явдал юм. Энэ загвар нь RGB загвараас арай илүү ойлгоход хэцүү байдаг.
  4. HSLA загвар. Энэ загвар нь HSL загвартай маш төстэй боловч RGBA загвартай адил өнгөт альфа сувагтай ажиллах боломжийг олгодог тул HSLA ашиглан бид хуудасны HTML элементийн өнгийг тохируулахаас гадна мөн түүний ил тод байдал.
  5. HSV загвар (HSB). Энэ загварыг HSL загвартай андуурч болохгүй. Эхний дөрвөн загварыг HTML эсвэл CSS-д вэб хуудсуудыг загварчлахад ашиглаж болох боловч HSV загварт ашиглах боломжгүй гэдгийг анхаарна уу. HSV загварыг 1978 онд Pixar студийг үүсгэн байгуулагчдын нэг бүтээсэн бөгөөд HSL загвартай тун төстэй юм.
  6. CMY эсвэл CMYK загвар. Энэ загварыг бүх өнгөт принтерүүдэд хэвлэхэд ашигладаг. CMYK загвар нь цагаан цаасан дээр хэвлэх дүрэм дээр суурилдаг. Аливаа CMYK өнгө нь хөх, ягаан, шар өнгийн холимог юм. CMY загварын өнгө бүр нь хувиар хэмжигдэх тунгалаг байдлын шинж чанартай (бэхний хэмжээ) байна. Гэхдээ жагсаасан гурван өнгөнөөс гадна CMYK загвар нь хар өнгийг бас ашигладаг.

Дээрх бүх өнгөт загварууд нь төхөөрөмжөөс хамааралтай, өөрөөр хэлбэл та RGB эсвэл HSL загвар ашиглан HTML элементийн өнгийг тохируулах, тэгвэл бүх хэрэглэгчид өөр өөр дэлгэцтэй бөгөөд өнгийг янз бүрээр дамжуулдаг тул танай сайтад зочилсон хүн ямар өнгийг харахыг тодорхой хэлэх боломжгүй юм. Дээр дурдсан бүх загварууд нь RGB загвар дээр суурилдаг бөгөөд аль ч загварт заасан дурын өнгийг (альфа суваг байгаа тул HSLA болон RGBA-аас бусад) RGB болгон хувиргаж болохыг анхаарна уу.

Хэрэв бид төхөөрөмжөөс хамааралгүй өнгө дүрслэх загваруудын талаар ярих юм бол LAB загварыг тэмдэглэх нь зүйтэй. Тиймээс бид зарим өнгөт загвартай танилцсанаар HTML хэл дээр өнгөтэй ажиллахаас нэг алхам ухарсан. Хөтөчүүд HSL, RGB, HSLA, RGBA гэсэн эхний дөрвөн загварыг л "ойлгодог" гэдгийг анхаарна уу. Тиймээс бид эдгээр загваруудыг ашиглан зөвхөн HTML элементийн өнгийг хянах боломжтой.

HTML элементийн өнгө хэрхэн үүсдэг вэ: RGB загварын зарим шинж чанарууд

Үүнийг олж мэдье HTML элементийн өнгө хэрхэн үүсдэгмөн RGB загварын зарим онцлогтой. Бид RGB загвар болон вэб хуудасны дизайн хийхэд ашигладаг бусад загваруудын талаар хэсэг хугацааны дараа тусдаа нийтлэлүүдээр ярих болно гэдгийг анхаарна уу.

Тиймээс RGB загвар нь Улаан, Ногоон, Цэнхэр гэсэн утгатай. RGB загвар нь нэмэлтийн зарчим дээр суурилдаг. Энэ зарчим нь өнгө авахын тулд хар өнгөтэй өнгө нэмдэг. Илүү сайн ойлгохын тулд таны дэлгэцийг хар хана гэж төсөөлөөд үз дээ: эхнийх нь улаан, хоёр дахь нь ногоон, гурав дахь нь цэнхэр өнгөөр ​​гэрэлтдэг гурван гэрэлтүүлэгтэй. Та гэрэлтүүлэгч бүрийн гэрлийг 0-ээс 255 хүртэлх тоо бүхий захирагч ашиглан тохируулж болно. Үүний дагуу, хэрэв та гэрэлтүүлгийг тэг болгож тохируулбал гэрэл унтарч, гэрэлтэхгүй, хэрэв утга 255 бол гэрэлтүүлэг нь хамгийн тод өнгийг өгдөг.

Тиймээс, хэрэв та улаан, ногоон өнгийн гэрлээр нэг цэг дээр гэрэлтэж байвал хар ханан дээр шар толбо харагдах болно. Хэрэв та улаан, цэнхэр өнгийг хослуулсан бол ягаан өнгөтэй, ногоон, цэнхэр өнгийг хослуулсан бол хар ханан дээрх цайвар толбо нь Цэнхэр өнгөтэй, харин гурван гэрлийг нэг цэг дээр чиглүүлбэл цагаан өнгөтэй болно. .

Дээр тайлбарласан зарчим нь RGB загварын гол цөм нь бөгөөд хөтөч дээрх хуудасны HTML элементүүдийн өнгийг өөрчлөхөд хэрэглэгдэж байна.

Элементүүдийн өнгийг өөрчлөх HTML шинж чанарууд: элементийн дэвсгэр өнгө, элементийн доторх текстийн өнгө

Хуудасны элементүүдийг өвөрмөц болгоход ашигладаг. HTML шинж чанаруудыг ашиглан бид элементүүдийн өнгийг өөрчилж болно:

  1. HTML шинж чанарын өнгө. Энэ шинж чанар нь HTML элемент доторх текстийн өнгийг өөрчлөх боломжийг танд олгоно. Шинж чанар нь HTML өнгөний нэр хэлбэрээр утгыг авч, RGB кодыг арван арван тоот болон аравтын тэмдэглэгээнд ашиглаж болно. Өнгөний шинж чанар нь HTML-ийн зарим элемент доторх текстийн өнгийг өөрчлөх боломжийг олгодог өвөрмөц HTML шинж чанар юм.
  2. HTML шинж чанарын текст. Энэ шинж чанар нь шошгоны өвөрмөц шинж чанар юм ... Tag шошготой хамт болон хэлбэр. Хэрэв та санаж байгаа бол савны дотор элементүүдийг байрлуулж, дараа нь харах цонхонд хөтөч харуулдаг. Текстийн шинж чанар нь танд тохируулах боломжийг олгодог HTML хуудасны үндсэн өнгө.
  3. HTML шинж чанар bgcolor. Энэ нь бас өвөрмөц HTML шинж чанар бөгөөд зарим HTML элементийн дэвсгэр өнгийг өөрчлөх боломжийг олгодог.
  4. HTML шинж чанар vlink. Энэ шинж чанар нь өвөрмөц бөгөөд зөвхөн шошгонд хамаарна. хэрэглэгчийн аль хэдийн зочилсон холбоосын өнгийг өөрчлөх.
  5. HTML шинж чанарын холбоос. Энэ шинж чанар нь бас өвөрмөц бөгөөд зөвхөн шошгонд хамаарна. ... alink шинж чанар нь идэвхтэй HTML холбоосын өнгийг өөрчилдөг.
  6. HTML холбоосын шинж чанар. Холбоосын шинж чанарыг зөвхөн шошготой хамт ашигладаг бөгөөд хэрэглэгчийн хараахан зочилж амжаагүй HTML хуудасны холбоосуудын өнгийг өөрчлөхөд үйлчилдэг.

HTML элементүүдийн өнгийг өөрчлөхийн тулд атрибут ашиглахыг зөвлөдөггүйг анхаарна уу, учир нь вэб хуудасны гадаад төрхийг агуулгаас нь салгах боломжийг олгодог шаталсан загварын хүснэгтүүд байдаг.

HTML дээр аравтын өнгөт код ашиглах

Тиймээс бид гэрэлтүүлгийг 0-ээс 255 хүртэл дугаарласан зураг бүхий тусгай захирагч ашиглан өнгөний тод байдлыг тохируулж болох тухай ярьсан. Одоо энэ нь HTML элементүүдийн өнгийг өөрчлөхөд хэрхэн туслахыг харцгаая. Гол нь бид HTML элемент доторх текстийн өнгийг эсвэл аравтын бутархай кодыг ашиглан HTML-ийн дэвсгэр өнгийг дараах байдлаар өөрчилж болно.

Хэрэв та жишээн дээрх шиг үндсэн агуулахыг дүрсэлсэн HTML баримт бичгийг үүсгэвэл дараахь зүйлийг харах болно.

  1. HTML баримтын дэвсгэр өнгө ногоон өнгөтэй болсон: bgcolor = “rgb (0,255,0)”.
  2. HTML хуудасны текстийн өнгө цэнхэр өнгөтэй болно: text = "rgb (0,0,255)".
  3. Хэрэглэгчийн зочилоогүй HTML холбоосын өнгө нь цагаан өнгөтэй байна: холбоос = "rgb (255,255,255)".
  4. Одоогоор нээлттэй байгаа холбоосын цэцэг хар өнгөтэй байна: alink = "rgb (0,0,0)".
  5. Мөн өмнө нь зочилсон HTML холбоосын өнгө нь улаан байх болно: vlink = "rgb (255,0,0)".

Анхаарна уу: "Гэрлийн гэрлийн хүчийг" өөрийн үзэмжээр тохируулахыг хэн ч хориглодоггүй HTML өнгө тохируулахжишээлбэл, ийм байдлаар:

rgb (94, 85, 50)

Мөн хүүхдийн гайхшралын өнгийг аваарай. Энэ бол RGB загварын онцлог, уян хатан байдал, тав тухтай байдал юм. Таны монитор бол гэрлүүд гэрэлтдэг хар хана бөгөөд та эдгээр гэрлийн чадлыг тохируулж, HTML шинж чанаруудыг аравтын тэмдэглэгээнд ашиглан бүх төрлийн дэвсгэр, текст болон холбоосын өнгийг үүсгэж болно. аравтын өнгөний кодыг ашиглан.

Үнэндээ HTML дээр аравтын өнгөний код гэж хэлэх нь буруу, гэж хэлэх нь илүү зөв байх болно аравтын RGB өнгөт кодУчир нь энэ загвар нь зөвхөн HTML болон CSS дээр вэб хуудас зохиоход ашиглагддаггүй.

Зургадугаар талт HTML өнгөний утгууд

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

Арван аравтын тооллын системийг сайн мэдэхгүй хүмүүст зориулж бага зэрэг тайлбар өгөх нь зүйтэй бөгөөд ингэснээр та хялбархан мэдэж болно. арван зургаатын RGB кодуудыг ашиглан HTML элементүүдийн өнгийг өөрчлөх... Нэгдүгээрт, аравтын тооллын систем нь арван оронтой тоонуудын хослолоор ямар ч тоог олж авах боломжтой тул ийм нэртэй болсон (нэр томьёо нь чухал: тоо ба цифрийн хооронд ялгаа байдаг): 0, 1, 2, 3, 5, 6 , 7, 8, 9.

Арван зургаан оронтой тооллын системд 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f гэсэн арван зургаан цифрийг хослуулан дурын тоог бичиж болно. Ойлгомжтой болгохын тулд та a нь арав, f нь арван тав гэж үзэж болно. Жишээлбэл, арван зургаагийн тоог арван зургаатын тооллын системд дараах байдлаар бичнэ: 10. Мөн 255 тоог ff гэж бичнэ.

Одоо яаж чадахаа харцгаая 16-тын утгыг ашиглан HTML элементүүдийн өнгийг тохируулах, өмнөх жишээг давтахын тулд аравтын бутархайн өнгөний кодыг 16-тын тоон үзүүлэлтээр сольж:

< body alink = ”# 000000 ”холбоос =” # ffffff ”vlink =” ff0000 ”bgcolor =” # 00ff00 ”текст =” # 0000ff ”>

Жич: HTML дээр арван зургаатын тоот форматаар өнгө бичих нь арай илүү нягт юмаравтын тооноос энэ бол анхных юм. Хоёрдугаарт: гэрэлтүүлэг тус бүрийн хүчийг 0-ээс 255 хүртэлх тоогоор тохируулдаг. 255 дугаарыг бичихийн тулд арван зургаатын форматаар хоёр оронтой тоо шаардлагатай (ff = 250), тиймээс өнгөний суваг бүрийн тод байдал (манай гэрэлтүүлэг нь өнгөт сувгийг зөв дууддаг) , өнгөт суваг) нь 0-ээс f хүртэлх хоёр тоогоор тохируулагдана.

Анхаарна уу: өнгөний суваг бүрийн тод байдлыг тусад нь тохируулсан боловч хэрэв бид үүнийг нэг тоо гэж төсөөлвөл RGB загварын арван зургаатын систем дэх хамгийн их боломжит тоо нь ffffff, энэ нь бидэнд цагаан, аравтын системд өгөх болно. Энэ нь: 16 777 215. Энэ тооны өнгө, сүүдэр нь RGB загварыг тохируулах / ашиглах боломжийг танд олгоно... Энэ тоо нь өнгөт суваг тус бүр 256 тод байдлын утгатай (0-ээс 255 хүртэл): 256 * 256 * 256 = 16,777,215 байна.

HTML өнгөний арван арван тоот утгууд нь илүү авсаархан бөгөөд дүрсэлсэн байдаг, ихэнх вэб дизайнерууд болон загвар зохион бүтээгчид HTML-д өнгө хувиргахдаа арван арвантын утгыг ашигладаг тул өнгөний аравтын тэмдэглэгээнд дасахгүй, харин нэн даруй арван зургаатын тоо ашиглахыг зөвлөж байна.

Эхэндээ шинэхэн загвар зохион бүтээгч эсвэл зохион бүтээгч нь өнгөт тэмдэглэгээний арван зургаан тоот хэлбэрт шилжих нь хэцүү байх нь ойлгомжтой тул бараг бүх график редактор нь өнгөт палитр гэж нэрлэгддэг бөгөөд энэ нь танд хүссэн өнгө сонгох боломжийг олгодог. Өөр өөр тооны систем дэх өөр өөр өнгөт загваруудын кодыг авах.

Зарим текст засварлагч, тухайлбал, палитр өргөтгөлтэй байдаг бөгөөд та өнгийг хурдан сонгож, өөрчлөхөд хэрэг болно. Энэ талаар би юу ч хэлж чадахгүй.

HTML дээрх өнгөний нэрс

HTML шинж чанаруудыг утга болгон авч болно зөвхөн аравтын код болон арван арван тоот утгууд бишгэхдээ бас тусгай өнгөний нэрс. HTML элементүүдийн өнгийг нэрийг нь ашиглан өөрчлөх нь тийм ч сайн санаа биш юм. Нэгдүгээрт, HTML дээрх өнгөний нэрний ард RGB код байдаг, хоёрдугаарт, хөтөч бүр нэрээр нь тодорхойлсон HTML элементийн өнгийг янз бүрийн аргаар харуулдаг бөгөөд энэ нь зөвхөн хөтөч хөгжүүлэгчдийн хүслээс хамаарна.

Тийм ч учраас HTML-д өнгөний нэрийг ашиглах нь хуучирсан... RGB загвар нь төхөөрөмжөөс хамааралтай бөгөөд нэрээр нь тодорхойлсон өнгө нь хөтөч, тэр ч байтугай түүний хувилбараас хамаарна. Нэр ашиглан HTML хуудасны элементүүдийг өнгөөр ​​будаж үзье.

< body alink = ”black ”link = ”#цагаан ”vlink =” улаан ”bgcolor =” ногоон ”текст =” цэнхэр ”>

Таны төсөөлж байгаагаар маш олон өнгө, сүүдэр байдаг. HTML шинж чанарууд нь градиент тохируулахыг зөвшөөрдөггүй гэдгийг энд тэмдэглэх нь зүйтэй, CSS-д ийм боломж байдаг, гэхдээ бид өөр нийтлэлд энэ тухай ярих болно. Мөн HTML дээр олон өнгөний нэр байдаг. Та миний вэбсайтаас HTML дээрх өнгөний нэрс, тэдгээрийн RGB код бүхий хүснэгтийг олох боломжтой.

Дээрх хүснэгтэд харуулав Хэрэв та түүнд нэр өгвөл HTML элемент ямар өнгөтэй болох вэ... Энэ хүснэгт нь W3C консорциумаар батлагдсан 16 өнгө, тэдгээрийн нэрийг агуулсан бөгөөд ямар ч хөтөч дээр адилхан харагдах ёстой. Гэвч үнэн хэрэгтээ HTML-д 200 орчим өнгөний нэрийг ашиглаж болох бөгөөд эдгээрийг Opera, Chrome, Firefox, Safari, Internet Explorer гэх мэт томоохон хөтчүүд дэмждэг (энэ мэдэгдэл нь сүүлийнх нь маш маргаантай байдаг).

HTML дэх өнгөт палитр

Үнэндээ HTML дээр өнгө сонгогч байхгүй... Палетт гэдэг үгийн тодорхойлолтыг санацгаая. Палетт нь жижиг, нимгэн, тэгш өнцөгт эсвэл зууван хэлбэртэй самбар бөгөөд зураач нь будгийг хольж, бүх төрлийн өнгийг авдаг. Заримдаа палитрт тав тухтай атгах зорилгоор эрхий хурууны нүх гаргадаг. Палеттын зургийг доороос олж болно. Тиймээс HTML-д палитр байдаггүй.

Гэхдээ янз бүрийн текст засварлагчид байдаг өнгөт палитр залгаасуудтэр тусламж HTML элементийн өнгийг хурдан тааруулах... График засварлагчдад өнгөт палитр байдаг, учир нь дизайнерын хувьд сууж, тооцоолох нь тийм ч тохиромжтой биш бөгөөд хөгжилтэй биш юм: нэг сувгийн тодорхой гэрэлтүүлгээр ямар өнгө гарах вэ. Доорх зурган дээр та Paint засварлагчийн хамгийн энгийн палитрыг харж болно.

Олон өнгөт палитр модулиуд болон залгаасууд нь өнгөт кодыг зөвхөн RGB / RGBA форматаар бус бусад загваруудын форматаар авах боломжийг олгодог гэдгийг анхаарна уу. Санаж байна уу HTML дээр палитр байхгүй байна, за, хэрэв та уран бүтээлч биш л бол HTML хуудасны өнгө сонгогчийг эдгээр өнгийг дууд, үүнийг чимэглэхэд ашигладаг байсан (эцсийн эцэст заримдаа палитрыг тухайн зураачийн ашигладаг өнгө эсвэл тодорхой зургийг бүтээхэд ашигласан өнгө гэж нэрлэдэг).

HTML хэл дээрх текстийн өнгийг өөрчилж сур

Бид авсан HTML дэх өнгөний тухай олон онол, бэлтгэлээ хийгээд оролдоод үзье HTML элементүүдийн өнгөнүүдтэй ажиллах... Бидний хийж сурах хамгийн эхний зүйл бол HTML баримт дахь текстийн өнгийг өөрчлөхтусгай шинж чанар, шошго ашиглах. Аливаа засварлагчийг нээж, түүнд дараах кодыг бичнэ үү.

HTML баримт дахь текстийн өнгийг өөрчлөх

HTML хэл дээр өнгөтэй ажиллаж сур

Текстийн өнгийг өөрчлөх

Текстийн өнгийг өөрчлөхийн тулд бид BODY текстийн элементийн өвөрмөц шинж чанарыг ашиглахаас гадна FONT элемент болон түүний өнгөт шинж чанарыг ашиглаж болно. Энэ текст саарал өнгөтэй болно.

< ! DOCTYPE html >

< html lang = "ru-RU" >

< head >

< meta charset = "UTF-8" >

< title >HTML баримт бичгийн текстийн өнгийг өөрчлөх< / title >

< link rel = "stylesheet" type = "text/css" href = "style.css" / >

< / head >

< body text = "#ff0000" >

< h1 > < font color = "rgb(0,255,0)" >HTML хэл дээр өнгөтэй ажиллаж сур< / font > < / h1 >

< h2 > < font color = "yellow" >Текстийн өнгийг өөрчлөх< / font > < / h2 >

< p >Текстийн өнгийг өөрчлөхийн тулд та өвөрмөц өнгийг ашиглаж болно

BODY текст элементийн шинж чанар эсвэл FONT элементийг ашиглана уу

< / body >

< / html >

Би энэ файлыг color.html гэж хадгалаад битгий мартаарай гэж хэлье. Аравтын тооллын өнгөний тэмдэглэгээг Chrome, Firefox болон Opera-д дэмждэггүй, гэхдээ IE ийм өнгөний тэмдэглэгээг ойлгож, HTML толгой хэсгийг ногоон өнгөөр ​​тодруулдаг:

HTML хэл дээрх текстийн өнгийг өөрчлөхгүй, HTML хэл дээрх үсгийн өнгийг өөрчилнө гэж хэлэх нь зөв. тухай

Minecraft-ын хууран мэхлэлт цэцэг, эсвэл Minecraft кодуудформатлах, ямар ч тоглогч Minecraft дээр цэцэг нэмж, текстийг бүх талаар форматлах боломжийг олгоно. Өнгөний кодууд& 0-9 - & a-f. Тэдгээрийг текстийнхээ өмнө нэмнэ үү. Тоглогчийн мессежүүд нь танд санал болгож буй будаг нэмэх боломжийг олгодог өнгөт кодыг агуулж болно.

Өнгө ба форматын кодууд

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

Доорх өнгөний хүснэгтийг ашиглан тохиргоонд эсвэл тоглоомонд текстээ форматлахад маш хялбар байдаг. & r нь бүх кодыг арилгахад хэрэглэгддэг, i.e. & mAAA & rBBB нь AAA BBB хэлбэрээр харагдана.

Бид танд тав тухтай байлгах үүднээс Minecraft дахь одоо байгаа өнгөт кодуудын хүснэгтийг толилуулж байна.

КодНэрТехникийн нэрТэмдгийн өнгөСүүдрийн өнгөний тэмдэг
РГБHexРГБHex
&0 Хархар0 0 0 000000 0 0 0 000000
&1 хар хөххар хөх0 0 170 0000AA0 0 42 00002A
&2 Хар ногоонхар ногоон0 170 0 00AA000 42 0 002A00
&3 Хар хөх ногоонхаранхуй усан0 170 170 00AAAA0 42 42 002A2A
&4 Гүн улаангүн улаан170 0 0 AA000042 0 0 2A0000
&5 Хар ягаанхар ягаан170 0 170 AA00AA42 0 42 2A002A
&6 алталт255 170 0 FFAA0042 42 0 2A2A00
&7 Сааралсаарал170 170 170 АААААА42 42 42 2A2A2A
&8 Хар сааралхар саарал85 85 85 555555 21 21 21 151515
&9 Цэнхэрцэнхэр85 85 255 5555FF21 21 63 15153F
& aНогоонногоон85 255 85 55FF5521 63 21 153F15
& bЦэнхэр ногоонусан85 255 255 55FFFF21 63 63 153F3F
& вУлаанулаан255 85 85 FF555563 21 21 3F1515
& гЦайвар ягаанцайвар_ягаан255 85 255 FF55FF63 21 63 3F153F
& eШаршар255 255 85 FFFF5563 63 21 3F3F15
& fЦагаанцагаан255 255 255 Офффф63 63 63 3F3F3F

Заримдаа танд хэрэгтэй доогуур зурах, хасах, онцлохямар ч текст... Үүний тулд текст форматыг ашигладаг. Энэ нь өнгөний нэгэн адил хэрэглэгддэг (бидний тавьсан текстийн өмнө коджишээ нь & lMinecraft = Minecraft.

Таны тав тухтай байдлыг хангах үүднээс форматлах кодуудын хүснэгтийг доор харуулав.

КодНэр
& кШидэт текст
& лӨнгөц зураг
& мЗураас зурсан бичвэр
& nДоогуур зураастай текст
& oНалуу текст
& rФорматлагдаагүй текст

Компьютер тоглоом бол чөлөөт цагаа өнгөрөөх хамгийн түгээмэл аргуудын нэг юм. Видео тоглоомын ертөнцөд орсноор бид бодит асуудал, бэрхшээлийг мартаж, амарч, хөгжилтэй байдаг. Хэрэв энэ нь онлайн тоглоом эсвэл олон тоглогчийн горимд байгаа тоглоом юм бол түүний гол давуу тал нь энд дэлхийн өнцөг булан бүрээс олон хүмүүстэй уулзаж, зөвхөн ижил төстэй хүмүүсийг төдийгүй хамгийн сайн найзуудаа олох боломжтой юм. "MTA" дээрх өнгө хүртэл тоглоомын тохиргоо нь бусад тоглогчидтой харилцах аргад хэрхэн нөлөөлж болохыг мэдэхийг хүсч байна уу? Үргэлжлүүлэн уншина уу!

Олон тоглогчийн горимын онцлог

"MTA" эсвэл өөр тоглоомын өнгийг хэрхэн тохируулах талаар та бодож байсан уу? Олон тооны тоглогчидтой онлайн тоглоом тоглох боломж олдсон хүмүүсийн хэн нь ч бусдын өмнө өөрийгөө хамгийн сайн талаас нь харуулахыг хүсдэг гэдгээ үгүйсгэхгүй. Та өөрийн зан чанарын онцгой, үнэтэй зүйлсээр сайрхаж, тоглоомын нэр томъёоны мэдлэгээрээ бусдаас ялгарах эсвэл зүгээр л туршлагагүй тоглоомчдынхоос илүү сайн ажиллахын тулд тоглоомынхоо интерфейсийг өөрчлөх боломжтой.

"MTA" дахь өнгө - та юу мэдэх хэрэгтэй вэ?

Хэрэв бид "GTA: San Andreas", "MTA" тоглоомын олон тоглогчийн горимын нэг хувилбарын талаар ярих юм бол өнгө нь энд маш чухал үүрэг гүйцэтгэдэг. "MTA" дээрх хочныхоо өнгийг өөрчлөх чадвар нь эхлэн тоглогч бүрийн эзэмших ёстой хамгийн сайн ур чадваруудын нэг юм.

Тиймээс, хочны өнгийг өөрчлөхийн тулд "MTA: CA" програм руу ороод "Тохиргоо" гэсэн сонголтыг дарж, нэрээ сонгоод, хүссэн өнгөний кодыг яг урд нь оруулна уу. "МТА" -д хоч нэрийн өнгөний том палитр байдаг. Өгүүлэлд бид дээжийн палитрыг оруулсан бөгөөд үүнээс та дуртай сүүдэрээ сонгож болно.

Одоо та анхлан суралцагчид болон туршлагагүй тоглогчдын хочноос хэрхэн ялгарч, хоч нэрээ өөр болгохоо мэддэг болсон. Bright, энэ нь таныг жирийн тоглогчдоос ялгаруулж, танд илүү их анхаарал хандуулах болно. Тоглоомоо сайхан өнгөрүүлээрэй!