sushiandbox.ru Компьютер эзэмших - Интернет. Skype. Олон нийтийн сүлжээ. Windows хичээлүүд.
HTML дээр өнгийг гурван аргаар тодорхойлж болно:
HTML дээр нэрээр нь өнгийг тохируулах
Зарим өнгийг англи хэл дээрх өнгөний нэрийг утга болгон ашиглан нэрээр нь тодорхойлж болно. Хамгийн түгээмэл түлхүүр үгс: хар, цагаан, улаан, ногоон, цэнхэр гэх мэт.
Текстийн өнгө - улаан
World Wide Web Consortium (W3C) стандартын хамгийн алдартай өнгө:
| Өнгө | Нэр | Өнгө | Нэр | Өнгө | Нэр | Өнгө | Нэр |
|---|---|---|---|---|---|---|---|
| Хар | Саарал | Мөнгө | Цагаан | ||||
| Шар | Шохой | Ус | Фуксия | ||||
| Улаан | Ногоон | Цэнхэр | Нил ягаан | ||||
| Марун | Олив | Тэнгисийн цэргийн флот | Цайвар |
Өөр өөр өнгөний нэрийг ашиглах жишээ:
Жишээ нь: өнгийг нэрээр нь зааж өгөх
- Та өөрөө туршаад үзээрэй"
Улаан дэвсгэр дээрх толгой хэсэг
Улбар шар дэвсгэр дээрх толгой хэсэг
Шохойн дэвсгэр дээр гарчиг
Цэнхэр дэвсгэр дээр цагаан текст
Улаан дэвсгэр дээрх толгой хэсэг
Улбар шар дэвсгэр дээрх толгой хэсэг
Шохойн дэвсгэр дээр гарчиг
Цэнхэр дэвсгэр дээр цагаан текст
RGB ашиглан өнгө тодорхойлох
Дэлгэц дээр өөр өөр өнгийг харуулахдаа RGB палитрыг үндэс болгон ашигладаг. Ямар ч өнгийг гурван үндсэн өнгийг холих замаар олж авдаг. R - улаан, G - ногоон, B - цэнхэр. Өнгө бүрийн тод байдлыг нэг байтаар өгсөн бөгөөд 0-ээс 255 хүртэлх утгыг авч болно. Жишээлбэл, улаан өнгийг хамгийн дээд утга (255) болгож тохируулсан тул RGB(255,0,0) улаанаар харагдана. бусад нь 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, C, 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 | |
Өнгөний кодууд (арын дэвсгэр) ханасан байдал, өнгөний өнгөөр.
Влад Мержевич
HTML хэл дээр өнгө нь арван зургаатын код ашиглах, тодорхой өнгөний нэрээр хоёр аргын аль нэгээр тодорхойлогддог. Арван аравтын тооллын системд суурилсан арга нь хамгийн түгээмэл тул голчлон ашиглагддаг.
Арван арван зургаан тоот өнгө
HTML нь өнгө тодорхойлохын тулд арван зургаатын тоог ашигладаг. Аравтын бутархайн системээс ялгаатай нь нэрнээс нь харахад 16-ын тоон дээр суурилдаг. Тоонууд нь дараах байдалтай байна: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. 10-аас 15 хүртэлх тоог латин үсгээр сольсон. Хүснэгтэнд 6.1-д аравтын болон 16-тын тооны хоорондын уялдаа холбоог харуулав.
Арван арван таван тоот систем дэх 15-аас дээш тоонуудыг хоёр тоог нэг болгон нэгтгэн үүсгэнэ (Хүснэгт 6.2). Жишээлбэл, аравтын бутархай дахь 255 тоо нь арван арвант тооллын FF тоотой тохирч байна.
Тооллын системийг тодорхойлоход төөрөгдөл гаргахгүйн тулд 16-тын тоон өмнө # хэш тэмдэг, жишээ нь #aa69cc байна. Энэ тохиолдолд хэрэг нь хамаагүй тул #F0F0F0 эсвэл #f0f0f0 гэж бичихийг зөвшөөрнө.
HTML-д хэрэглэгддэг ердийн өнгө нь иймэрхүү харагдаж байна.
Энд вэб хуудасны дэвсгэр өнгийг #FA8E47 болгож тохируулсан байна. Тооны урд байгаа хэш тэмдэг # нь арван арван тоот гэсэн үг. Эхний хоёр орон (FA) нь өнгөний улаан бүрэлдэхүүнийг, гурав дахь цифрээс дөрөв дэх орон (8E) нь ногоон, сүүлийн хоёр цифр (47) нь цэнхэр өнгийн бүрэлдэхүүнийг тодорхойлно. Эцсийн үр дүн нь энэ өнгө байх болно.
| Ф.А. | + | 8E | + | 47 | = | FA8E47 |
Улаан, ногоон, цэнхэр гэсэн гурван өнгө тус бүр нь 00-оос FF хүртэлх утгыг авч, нийт 256 сүүдэртэй болно. Тиймээс өнгөний нийт тоо нь 256x256x256 = 16,777,216 хослол байж болно. Улаан, ногоон, цэнхэр бүрэлдэхүүн хэсгүүдэд суурилсан өнгөт загварыг RGB (улаан, ногоон, цэнхэр; улаан, ногоон, цэнхэр) гэж нэрлэдэг. Энэ загвар нь нэмэлт (нэмэх - нэмэх) бөгөөд үүнд бүх гурван бүрэлдэхүүн хэсэг нь цагаан өнгөтэй болдог.
Арван арван зургаатын өнгийг удирдахад хялбар болгохын тулд зарим дүрмийг анхаарч үзээрэй.
- Хэрэв өнгөт бүрэлдэхүүн хэсгүүдийн утга ижил байвал (жишээлбэл: # D6D6D6) үр дүн нь саарал өнгөтэй болно. Тоо их байх тусам өнгө нь цайвар болж, утга нь #000000 (хар) -аас #FFFFFF (цагаан) хооронд хэлбэлздэг.
- Хэрэв улаан бүрэлдэхүүнийг хамгийн их (FF) болгож, үлдсэн бүрэлдэхүүн хэсгүүдийг тэг болгож тохируулбал тод улаан өнгө үүсдэг. #FF0000 утгатай өнгө нь хамгийн улаан улаан сүүдэр юм. Ногоон (#00FF00) болон цэнхэр (#0000FF) зэрэгт мөн адил байна.
- Шар (#FFFF00) нь улаан, ногоон холилдсоноор хийгдсэн. Энэ нь үндсэн өнгө (улаан, ногоон, цэнхэр) болон нэмэлт эсвэл нэмэлтийг харуулсан өнгөт дугуй (Зураг 6.1) дээр тодорхой харагдаж байна. Үүнд шар, хөх, нил ягаан (мөн ягаан гэж нэрлэдэг) орно. Ер нь ойролцоох өнгийг холиод ямар ч өнгийг гаргаж авдаг. Тиймээс хөх, ногоон өнгийн хослолоор хөхрөлт (#00FFFF) гарч ирдэг.
Цагаан будаа. 6.1. Өнгөт тойрог
Арван арван тоот утгууд дээр суурилсан өнгийг эмпирик байдлаар сонгох шаардлагагүй. Энэ зорилгоор янз бүрийн өнгөт загвартай ажиллах боломжтой график засварлагч, жишээлбэл, Adobe Photoshop тохиромжтой. Зураг дээр. Зураг 6.2-т энэ програмын өнгө сонгох цонхыг үзүүлэв. Та кодоо хуулж буулгаж болно.
Цагаан будаа. 6.2. Photoshop дээр өнгө сонгох цонх
Вэб өнгө
Хэрэв та дэлгэцийн өнгө үзүүлэх чанарыг 8 бит (256 өнгө) болгож тохируулсан бол өөр өөр хөтөч дээр ижил өнгийг өөр өөрөөр харуулах боломжтой. Энэ нь хөтөч нь өөрийн палитртай ажилладаг бөгөөд палитрт байхгүй өнгийг харуулах боломжгүй үед графикийг харуулах аргатай холбоотой юм. Энэ тохиолдолд өнгө нь өгөгдсөнийг дуурайлган өөр өөр, ойролцоох пикселүүдийн хослолоор солигдоно. Өнгө нь өөр өөр хөтчүүдэд ижил хэвээр байхын тулд вэб өнгө гэж нэрлэгддэг палитрыг нэвтрүүлсэн. Веб өнгө нь улаан, ногоон, цэнхэр гэсэн бүрэлдэхүүн хэсэг бүрийг 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) гэсэн зургаан утгын аль нэгэнд тохируулсан өнгө юм. , 255 (FF). Энэ бүрэлдэхүүн хэсгийн арван арван тоот утгыг хаалтанд зааж өгсөн болно. Бүх боломжит хослолуудын өнгөний нийт тоо нь 6x6x6 - 216 өнгө өгдөг. Жишээ вэб өнгө нь #33FF66 юм.
Вэб өнгөний гол онцлог нь бүх хөтөч дээр адилхан харагддаг. Одоогийн байдлаар мониторуудын чанар сайжирч, чадавхи нь өргөжиж байгаатай холбоотойгоор вэб өнгөний хамаарал маш бага байна.
Нэрээр нь өнгө
Тоонуудын багцыг санахаас зайлсхийхийн тулд оронд нь түгээмэл хэрэглэгддэг өнгөний нэрийг ашиглаж болно. Хүснэгтэнд 6.3-т алдартай өнгөт нэрсийн нэрийг харуулав.
| Өнгөний нэр | Өнгө | Тодорхойлолт | Арван арвантын утга |
|---|---|---|---|
| хар | Хар | #000000 | |
| цэнхэр | Цэнхэр | #0000FF | |
| фуксиа | Цайвар ягаан | #FF00FF | |
| саарал | Хар саарал | #808080 | |
| ногоон | Ногоон | #008000 | |
| шохой | Цайвар ногоон | #00FF00 | |
| хүрэн улаан | Гүн улаан | #800000 | |
| тэнгисийн цэргийн | Хар хөх | #000080 | |
| чидун | Олив | #808000 | |
| нил ягаан | Хар ягаан | #800080 | |
| улаан | Улаан | #FF0000 | |
| мөнгө | Цайвар саарал | #C0C0C0 | |
| цайвар | Цэнхэр ногоон | #008080 | |
| цагаан | Цагаан | #FFFFFF | |
| шар | Шар | #FFFF00 |
Та өнгийг нэрээр нь эсвэл арван зургаатын тоо ашиглан зааж өгсөн эсэх нь хамаагүй. Эдгээр аргууд нь үр дүнтэй адил юм. Жишээ 6.1 нь вэб хуудасны дэвсгэр болон текстийн өнгийг хэрхэн тохируулахыг харуулж байна.
Жишээ 6.1. Арын дэвсгэр ба текстийн өнгө
Жишээ текст
Энэ жишээнд дэвсгэр өнгийг тагны bgcolor шинж чанарыг ашиглан тохируулсан
, мөн текстийн шинж чанараар дамжуулан текстийн өнгө. Төрөл бүрийн хувьд текстийн атрибутыг 16-тын тоогоор, bgcolor шинж чанарыг teal гэсэн нөөцлөгдсөн түлхүүр үгэнд тохируулсан.>>Өнгөний менежмент
Арван арван тоот RGB өнгөний утгууд
Өнгийг дүрслэх, боловсруулах аргууд нь ямар эцсийн дүрслэлд зориулагдсан гэдгээрээ өөр өөр байдаг. Жишээлбэл, хэвлэх болон компьютерийн дэлгэцийн өнгөний дүрслэлийг харьцуулж үзье. Эхний тохиолдолд суурийг нь авдаг цагаанДараа нь гурван үндсэн өнгө түрхсэн цаасны өнгө: цэнхэр, нил ягаанТэгээд шар. Эдгээр гурван үндсэн өнгө нь өөр хоорондоо болон цагаан өнгийн цаасыг өөр өөр харьцаатай хольж, цэвэр хараас бусад өнгөт сүүдэр өгдөг, эсвэл будаг байхгүй тохиолдолд цагаан цаас өгдөг. Хэрэв бид тэдэнд хар өнгө нэмбэл бид авах болно CMYK-цагаанаас дутуу өнгөнүүдийг хасаж шаардлагатай өнгийг авах үед өнгө дамжуулах арга.
Хоёрдахь тохиолдолд үндэслэлийг авна хармониторын дэлгэцийн өнгө, нүд бүр нь гурван өнгөний аль нэгээр гэрэлтдэг. улаан-улаан, ногоон- ногоон ба цэнхэр- цэнхэр. Дараа нь ямар ч гэрэлтэлт байхгүй үед бид цэвэр хар дэлгэцийн өнгийг олж авах бөгөөд шаардлагатай өнгөний аль нэгийг гурван өнгө бүрийн харьцаагаар өгнө. Энэ тохиолдолд бид авах болно RGB- өнгө дамжуулах арга. Үндсэн өнгө нь дараах хооронд хэлбэлзэж болно 0
өмнө 255
, эсвэл -аас 0%
өмнө 100%
, эсвэл арван зургаатын тоогоор илэрхийлж болно. Доорх зураг дээр та үндсэн өнгийг холих үр дүнг харж болно.
Аравтын тооллын систем нь аравтын тооллын системээс ялгаатай нь цувралдаа арван оронтой биш, харин арван зургаан оронтой байдаг - иймээс нэр. Үүний дагуу зөвхөн хоёр оронтой хослолын давтагдахгүй хувилбарууд байж болно - 256 , дараа нь тооны цувралыг үргэлжлүүлэх 9 -аас ирсэн захидал Аөмнө ФТиймээс цуврал дараах байдлаар харагдах болно -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Энэ тохиолдолд өнгө нь гурван арван арван тоогоор тодорхойлогддог бөгөөд тус бүр нь хоёр цифрээс бүрдэнэ. Эхний тоо нь эрчмийг тодорхойлдог улаанөнгө, дунд ногоон, сүүлчийн зүйл - цэнхэрөнгө. Бүх тоо нь дараах хүртэлх утгыг авч болно 00 өмнө FF(0-ээс 255 хүртэл). Жишээ нь: ногоон өнгө гэж өгөгдсөн #00FF00, улаан шиг #FF0000, цэнхэр гэх мэт #0000FF, цагаан шиг #FFFFFF, өнгө, хар өнгө бүрэн байхгүй гэж өгсөн #000000 .
Доорх маягт дээр та гурван өнгө тус бүрийн арван зургаатын утгыг зааж өгч, гаралтын талбар дээр дарж холих үр дүнг харах боломжтой.
Зарим арван арван тоот RGB өнгөний утгуудын жишээ: улаан, цэнхэр, ногоон өнгөний зэрэглэлүүд.
| харах | код | харах | код | харах | код | харах | код | харах | код | харах | код |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Стринг литерал ашиглан өнгө зааж байна
Ашиглахад хялбар болгох үүднээс зарим өнгө, тэдгээрийн хослолыг бүх хөтчүүдэд таних нэрээр өгсөн бөгөөд тэдгээрийн олонхыг нэрээр нь тохируулах боломжтой болсон. Доорх хүснэгтэд зарим өнгөний нэрийг харуулав.
| харах | Нэр | харах | Нэр | харах | Нэр | харах | Нэр |
| Цагаан | Улаан | жүрж | Шар | ||||
| Ногоон | Цэнхэр | Нил ягаан | Хар | ||||
| Алисаблю | Эртний цагаан | Ус | Aquamarine | ||||
| Азур | Шаргал | Биск | Бланшедалмонд | ||||
| Цэнхэр ягаан | Бор | Бурливуд | Cadetblue | ||||
| Шартрейз | Шоколад | Шүрэн | Эрдэнэ шишийн цэнхэр | ||||
| эрдэнэ шишийн торго | Час улаан | Цэнхэр | Хар хөх | ||||
| Даркцян | Хар алтан саваа | Хар саарал | Хар ногоон | ||||
| Даркхаки | Darkmagenta | Харанхуй ногоон | Харанхуй | ||||
| Даркорчид | Гүн улаан | Хар хулд | Хар ногоон | ||||
| Хар хөх | Darkslategray | Хар оюу | Хар ягаан | ||||
| Гүн ягаан | Гүн цэнхэр | Димгрэй | Dodgerblue | ||||
| Галд тэсвэртэй тоосго | Цэцэгт цагаан | Ойн ногоон | Фушиа | ||||
| Гейнсборо | Сүнс цагаан | алт | Алтан саваа | ||||
| Саарал | Ногоон шар | Зөгийн балны шүүдэр | Халуун ягаан | ||||
| Энэтхэг улаан | Индиго | Зааны ясан | Хаки | ||||
| Лаванда цэцэг | Лаванда цэцгийн өнгө | Лемончиффон | Цайвар цэнхэр | ||||
| Хөнгөн шүрэн | Lightcyan | Хөнгөн хүйтэн шар | Цайвар ногоон | ||||
| Цайвар саарал | Цайвар ягаан | Хөнгөн хулд | Цайвар ногоон | ||||
| Цайвар цэнхэр | Цайвар өнгөтэй | Хөнгөн ган цэнхэр | Цайвар шар | ||||
| Шохой | Шохойн ногоон | Маалинга | Магента | ||||
| Марун | Медиумкумарин | Дундаж хөх | Дунд зэргийн Орхидэйн | ||||
| Дунд зэргийн ягаан | Дунд зэргийн ногоон | Дунд зэргийн хөх | Дунд зэргийн хаврын ногоон | ||||
| Дунд зэргийн оюу | Дунд зэргийн ягаан | Шөнө дундын хөх | Гааны тос | ||||
| Мистироз | Наважовайт | Тэнгисийн цэргийн флот | Хуучин өвс | ||||
| Олив | Оливераб | Улбар шар өнгөтэй | Орхидэйн | ||||
| Палеголденрод | Палегрен | Палетюркуаз | Палеолетред | ||||
| Папайя ташуур | Peachpuff | Перу | Ягаан | ||||
| Хар чавга | Нунтаг цэнхэр | Сарнай | Royal Blue | ||||
| Эмээл бор | Далайн ногоон | Далайн хясаа | Сиенна | ||||
| Мөнгө | Хөх тэнгэр | Цэнхэр | Slategray | ||||
| Цас | Хаврын ногоон | Ган цэнхэр | Бор | ||||
| Цайвар | Thistle | Улаан лоль | оюу | ||||
| Нил ягаан | Улаан буудай | Цагаан утаа | Шар ногоон |
Аюулгүй өнгөт палитр ашиглах
Харамсалтай нь, өөр өөр платформ дээр, өөр өөр системийн тохиргоотой, зөв өнгө хуулбарлах нь асуудал юм. Хамгийн гол нь хөтөч нь өнгөтүүдийг бие даан хольж, солих замаар баримт бичгийн өнгөт палитрыг системийн тохиргоо, хяналтын чадварт тохируулахыг үргэлж хичээдэг. Үүний үр дүнд заримдаа хэрэглэгч вэбмастер түүнд яг юу харуулахыг хүссэнийг олж хардаггүй. Энэ нөхцөл байдлаас гарах арга замыг палитр ашиглах замаар олсон бөгөөд өнгө бүрийг өөр өөр платформ дээрх бүх хөтчүүд адил тэгш үзүүлэх баталгаатай болно. Энэ нь гэж нэрлэгддэг зүйл юм баталгаатайпалитр, мөн гэж нэрлэдэг аюулгүйпалитр. Энэхүү палитр нь өнгөт бүрэлдэхүүн хэсгүүд нь дараах утгыг авдаг өнгөнүүдтэй: 00 ,33 ,66 ,99 , CC,FF, боломжтой бүх аргаар 216 тэдгээрийн хослолууд.
| харах | код | харах | код | харах | код | харах | код | харах | код | харах | код |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
Өнгөийг тодорхойлохын тулд арван зургаатын тоог ашигладаг. Аравтын бутархайн системээс ялгаатай нь нэрнээс нь харахад 16-ын тоон дээр суурилдаг. Тоонууд нь дараах байдалтай байна: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. 10-аас 15 хүртэлх тоог латин үсгээр сольсон. Арван аравтын системд 15-аас дээш тоонууд нь хоёр тоог нэг болгон нэгтгэснээр үүсдэг. Жишээлбэл, аравтын бутархай дахь 255 тоо нь арван арвант тооллын FF тоотой тохирч байна. Тооны системийг тодорхойлоход будлиан гарахаас зайлсхийхийн тулд 16-тын тооны өмнө # хэш тэмдгийг байрлуулна, жишээ нь #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 утгууд болон тайлбарыг харуулж байна.
| Нэр | Өнгө | Код | RGB | HSL | Тодорхойлолт |
|---|---|---|---|---|---|
| цагаан | #ffffff эсвэл #ffff | 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 хүртэлх утгыг авна. Мөн 255 тоонд 100% тохирох өнгийг хувиар зааж өгөхийг зөвшөөрнө. Эхлээд 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 стандартыг боловсруулж байгаа бөгөөд зарим функцууд өөрчлөгдөж магадгүй гэдгийг тэмдэглэх нь зүйтэй. Жишээлбэл, background-color шинж чанарт нэмсэн RGB форматын өнгө нь баталгаажсан боловч дэвсгэр шинж чанарт нэмсэн өнгө нь хүчингүй болсон. Үүний зэрэгцээ хөтчүүд хоёр шинж чанарын өнгийг маш зөв ойлгодог.
HSL
| Internet Explorer | Chrome | Дуурь | Сафари | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSL форматын нэр нь Hue (hue), Saturate (ханасан байдал) болон Lightness (хөнгөн байдал) гэсэн эхний үсгүүдийн хослолоос гаралтай. Hue нь өнгөт дугуй дээрх өнгөний утга (Зураг 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. Вэб хуудасны өнгө
