Өнгө тохируулахын тулд арван зургаатын код дахь тоог ашигладаг. Арав дахь системийн оронд арван зургаа дахь систем нь нэрнээс нь харахад 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 формат, тайлбарыг зааж өгсөн болно.
би байна | Колир | Код | 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-ын түвшинд завсрын утга нь тод байдал нэмэгдсэнийг илтгэнэ.
CSS3-ийн RGBA өргөтгөлүүд нь тухайн хувилбарт 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, Saturate, 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 онд шинэчлэгдсэн)өнгө, мөн EPT дэлгэц нь хязгаарлагдмал тооны өнгийг харуулах боломжтой).
Доорх хүснэгтэд улаан өнгөний хэсгийг 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) | |
#А8А8А8 | 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 өнгөний нэрсийн цуглуулга.
Стандартчилсан өнгөний нэрс
W3C консорциум нь HTML болон CSS-д зориулсан 16 хүчинтэй өнгөний нэрийг шинэчилсэн: усан, хар, хөх, фукси, саарал, ногоон, шохой, хүрэн улаан (туулайн бөөр), хөх (хэт), чидун (чидун), нил ягаан (ягаан), улаан ( улаан), мөнгө (мөнгө), цайвар (цэнхэр), цагаан (цагаан), шар (zhovty).
Энэ жагсаалтад ороогүй өнгийг сонгохдоо тэдгээрийн арван зургаатын код (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 |
HTML өнгийг гурван аргаар тохируулж болно:
Би йогогийн өнгөний кодыг HTML хэлээр нэрлэх болно
Ямар ч өнгийг нэрээр нь, використыг англи өнгөний нэрний утгаар зааж өгч болно. Хамгийн түгээмэл түлхүүр үгс: хар, цагаан, улаан, ногоон, цэнхэр болон бусад.
Текстийн өнгө - улаан
World Wide Web Consortium (W3C) стандартын дагуу хамгийн алдартай өнгө:
Колир | Нэр | Колир | Нэр | Колир | Нэр | Колир | Нэр |
---|---|---|---|---|---|---|---|
Хар | Саарал | Мөнгө | Цагаан | ||||
Шар | Шохой | Ус | Фуксия | ||||
Улаан | Ногоон | Цэнхэр | Нил ягаан | ||||
Марун | Олив | Тэнгисийн цэргийн флот | Цайвар |
Янз бүрийн өнгөтэй використаны өгзөг:
Өгзөг: нэрний цаана байгаа өнгийг хүндэтгэдэг
- Та өөрөө туршаад үзээрэй »
Улаан aphid дээр гарч байна
Улбар шар дэвсгэр дээр гарчиг
Шохойн дэвсгэр дээр гарчиг
Хар aphid дээрх цагаан бичвэр
Улаан aphid дээр гарч байна
Улбар шар дэвсгэр дээр гарчиг
Шохойн дэвсгэр дээр гарчиг
Хар aphid дээрх цагаан бичвэр
Нэмэлт RGB-д зориулсан өнгөний хяналт
Дэлгэц дээр өөр өөр өнгийг харуулахдаа RGB палитрыг үндэс болгон ашигладаг. Ямар ч өнгө сонгохоос үл хамааран гурван үндсэн өнгө байдаг. R - улаан (улаан), G - ногоон, B - цэнхэр. Арьсны өнгөний тод байдлыг нэг байтаар тохируулдаг тул 0-ээс 255 хүртэлх утгыг оруулах боломжтой. Жишээлбэл, RGB (255,0,0) нь улаанаар харагдана, учир нь улааныг хамгийн дээд хэсэгт оруулсан болно. утга (255), бусад нь 0-д і тохируулагдсан байна Мөн та зургийн өнгийг тохируулж болно. Параметрүүдийн арьс нь харгалзах өнгөний тод байдлын түвшинг илтгэнэ. Жишээлбэл: rgb(127, 255, 127) ба rgb(50%, 100%, 50%) утгууд нь дунд зэргийн ханасан шинэ ногоон өнгийг тохируулна:
Өгзөг: Нэмэлт RGB-д зориулсан Zavdanya өнгө
- Та өөрөө туршаад үзээрэй »
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, Z, D, E, F. Энд 10-аас 15 хүртэлх тоог латин үсгээр сольсон. Арван аравтын систем дэх 15-аас дээш тоонууд нь нэг утга дахь хоёр тэмдгийн хослол юм. Жишээлбэл, арав дахь системийн хамгийн өндөр тоо 255 нь арван зургаа дахь системийн FF-ийн хамгийн өндөр утгатай тохирч байна. Аравтын системийг орлуулахын тулд 16-тын тооны өмнө хэш тэмдэг тавина # жишээлбэл, #FF0000-г улаан өнгөөр харуулж, улаан хэсгүүдийг хамгийн дээд утгыг (FF), бусад өнгийг хамгийн бага утгад (00) тохируулсан байна. Хэш тэмдгийн дараах тэмдэг # Та том, жижиг аль алиныг нь элсүүлж болно. Арван зургаа дахь систем нь #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 элементийн өнгө, тод байдал, мөн өнгөний утгыг тодорхойлох боломжийг олгодог утгуудыг тодорхой дүрсэлдэг.
Эрчим хүчний өнгө
1. Тэргүүлэх өнгө: тод өнгө
Эрх баригч нь янз бүрийн өнгө дамжуулах системийг ашиглан үсгийн өнгийг тогтоодог. Хүч чадал нь текстийн элементийн өнгийг илэрхийлдэг. Нэмж дурдахад, энэ нь өнгөний утга учрыг бий болгодог бусад эрх мэдлийн хувьд боломжит шууд бус утгыг (currentColor) өгөхөд ашиглагддаг.
Хүч чадал буурч байна.
2. Өнгөний ач холбогдол
2.1. Гол түлхүүр үгс
Үндсэн түлхүүр үгсийн жагсаалтад дараах утгууд багтсан болно.
Нэр | HEX | RGB | Колир |
---|---|---|---|
хар | #000000 | 0,0,0 | |
мөнгө | #C0C0C0 | 192,192,192 | |
саарал | #808080 | 128,128,128 | |
цагаан | #FFFFFF | 255,255,255 | |
хүрэн улаан | #800000 | 128,0,0 | |
улаан | #FF0000 | 255,0,0 | |
нил ягаан | #800080 | 128,0,128 | |
фуксиа | #FF00FF | 255,0,255 | |
ногоон | #008000 | 0,128,0 | |
шохой | #00FF00 | 0,255,0 | |
чидун | #808000 | 128,128,0 | |
шар | #FFFF00 | 255,255,0 | |
тэнгисийн цэргийн | #000080 | 0,0,128 | |
цэнхэр | #0000FF | 0,0,255 | |
цайвар | #008080 | 0,128,128 | |
усан | #00FFFF | 0,255,255 |
Өнгөний нэрс нь том жижиг жижиг үсгээр ялгагдахгүй.
Синтакс
Өнгө: цайвар;
2.2. Өнгөний тоон утгууд
2.2.1. Colori загварууд RGB
Аравтын тоот форматын RGB утгын формат нь # тэмдэг, араас нь гурав, зургаан арван тэмдэгт байна. Гурван оронтой RGB тэмдэглэгээ #rgb нь тэг нэмэх замаар биш харин тоог хуулах замаар зургаан оронтой #rrggbb хэлбэрт хувирдаг. Жишээлбэл, #fb0 нь #ffbb00 болж өргөждөг. Энэ нь цагаан #ffffff-ийг богино #ffff оруулгад заалт болгон ашиглаж болох ба дэлгэцийн өнгөнөөс хамаарч аливаа ялгааг арилгах баталгаа болно.
Функциональ тэмдэглэгээний RGB утгын формат нь rgb (дараа нь гурван тоон утгын салангид жагсаалт (эсвэл гурван бүхэл тоо, эсвэл гурван зуутын утгууд), дараа нь тэмдэг). 255 бүхэл тоо нь 100% ба F эсвэл FF-тэй тохирч байна.
RGB(255,255,255) = RGB(100%, 100%, 100%) = #FFF
Тоон утгуудын хажууд хоосон тэмдэгт оруулахыг зөвшөөрдөг.
Вэб дизайн нь өнгө харуулах хэд хэдэн аргатай байдаг
HEX нь 16-д суурилсан өнгийг харуулах арван зургаатын систем юм. Энэ системийн хувьд 0-ээс 9 хүртэлх араб аравтын орон, А-аас F хүртэлх латин үсгийг 16 хүртэлх тоон тоог нэмнэ. Вэб дизайны хувьд 16 үндсэн (гол) өнгийг iv авдаг тул арван зургаад эрэмбэлнэ. Өнгөний код нь #RRGGBB бөгөөд хос бүр өөрийн хэсгийн өнгийг илэрхийлдэг: RR – улаан, GG – ногоон, BB – цэнхэр. Арьсны өнгө нь 00-оос FF хооронд хэлбэлздэг.
Вэб дизайн дахь өнгөний өөр хоёр илрэл нь: RGB (*,*,*) хэлбэрээр, өнгөний "*" хэсгийг 0-ээс 255 хүртэлх хэдэн арван цифрээр, өнгөний нэрээр илэрхийлдэг. Англи.
Өнгөт дүрсийг бүтээхдээ гол асуудал бол өөр өөр төрлийн компьютер, монитор, хөтөч рүү өнгийг зөв шилжүүлэх явдал юм. Хэрэв хөтөч өнгийг зөв харуулж чадахгүй бол ижил төстэй өнгийг сонгох эсвэл хэд хэдэн өнгийг холино. Эсвэл шал өөр өнгөөр сольж болно.
Хүснэгт 16 үндсэн өнгө, бүх хөтөч дээр vikoristed байна
Нэр | Колир | Hex | (RGB) |
Aqua (morska hvilya) | #00FFFF | (000,255,255) | |
Хар | #000000 | (000,000,000) | |
Цэнхэр | #0000FF | (000,000,255) | |
Фуксия (улаан ягаан) | #FF00FF | (255,000,255) | |
Саарал (цуврал) | #808080 | (128,128,128) | |
Ногоон | #008000 | (000,128,000) | |
Шохой (тод ногоон) | #00FF00 | (000,255,000) | |
Бор хүрэн (хар бургунди) | #800000 | (128,000,000) | |
Тэнгисийн цэргийн (хар хөх) | #000080 | (000,000,128) | |
Олив | #808000 | (128,128,000) | |
Нил ягаан | #800080 | (128,000,128) | |
Улаан (улаан) | #FF0000 | (255,000,000) | |
Мөнгө | #C0C0C0 | (192,192,192) | |
Цайвар (саарал-ногоон) | #008080 | (000,128,128) | |
Цагаан | #FFFFFF | (255,255,255) | |
Шар (жовтий) | #FFFF00 | (255,255,000) |
Хүснэгт нил ягаанөнгө, өнгө
Нэр | Колир | Hex | (RGB) |
Магента (ягаан) | #FFCBDD | (255,203,219) | |
Магента (ягаан) | #FF0099 | (255,000,153) | |
Magenta (magenta) | #F95A61 | (249,090,097) | |
Фуксия (фуксиа) | #FF00FF | (255,000,255) | |
Movein (анилин ягаан) | #EF0097 | (239,000,151) | |
Ягаан хулд (улбар шар зэв) | #FF91A4 | (255,145,164) | |
Цэниз (ягаан өнгийн сүүдэр) | #DE3163 | (153,149,140) | |
Хаш хаш (хаш) | #990066 | (153,000,132) | |
Лаванда цэцгийн ичих (ягаан лаванда) |  #FFF0F5 | (255,240,245) | |
Голт бор (боозковый) | #C8A2C8 | (200,162,200) | |
Magenta (magenta) | #FF008F | (255,000,143) | |
Орхидэйн (цахирмаа) | #DA70D6 | (218,112,214) | |
Улаан-ягаан (ягаан-улаан) | #C71585 | (199,021,133) | |
Сангвиник | #92000A | (146,000,010) | |
Thistle (ягаан өнгийн сүүдэр) | #D8BFD8 | (185,211,238) | |
Нил ягаан-хаш (ягаан өнгийн сүүдэр) | #991199 | (153,017,153) | |
Rosa vivo (өсгөвүүлсэн эвэрт ургамал) | #FF007F | (255,000,127) | |
Лаванда цэцгийн сарнай (нил ягаан өнгийн сүүдэр) | #FBA0E3 | (108,123,139) | |
Mountbatten ягаан | #997ABD | (153,122,141) |
Хүснэгт сааралөнгө, өнгө
Нэр | Колир | Hex | (RGB) |
Саарал (Сири) | #808080 | (128,128,128) | |
Саарал (Сири) | #bebebe | (190,190,190) | |
(Сири-видтинок) | #858585 | (133,133,133) | |
Саарал33 (Сири-33) | #545454 | (084,084,084) | |
(Сирого шифер) | #708090 | (112,128,144) | |
(Кварцов) | #99958с | (153,149,140) | |
(Светло Сири) | #bbbbbb | (187,187,187) | |
(Sriblyasty) | #c0c0c0 | (192,192,192) | |
(Сиро-цагаан) | #f0f0f0 | (240,240,240) | |
(Бороди Абдель-Керим) | #e0e0e0 | (224,224,224) | |
Цайвар саарал (цайвар саарал) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (Blіdo-cornflower blue1) | #c6e2ff | (198,226,255) | |
StateGray-2 (Blіdo-cornflower blue2) | #b9d3ee | (185,211,238) | |
StateGray3() | #9fb6cd | (159,182,205) | |
StateGray4() | #6c7b8b | (108,123,139) |