Word дээрх индиго өнгө. Өнгө, сүүдрийн нэрс
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 | |
DodgerBlue | #1E90FF | |
ХөнгөнДалайнНогоон | #20B2AA | |
Ойн ногоон | #228B22 | |
Далайн ногоон | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
Шохойн ногоон | #32CD32 | |
Дунд зэргийн далайн ногоон | #3CB371 | |
оюу | #40E0D0 | |
Хааны цэнхэр | #4169E1 | |
SteelBlue | #4682B4 | |
DarkSlateBlue | #483D8B | |
Дунд зэргийн оюу | #48D1CC | |
Индиго | #4B0082 | |
DarkOliveGreen | #556B2F | |
Cadet Blue | #5F9EA0 | |
Эрдэнэ шишийн цэнхэр | #6495ED | |
Дунд зэргийн AquaMarine | #66CDAA | |
Бүдэг саарал | #696969 | |
SlateBlue | #6A5ACD | |
OliveDrab | #6B8E23 | |
Саарал саарал | #708090 | |
Цайвар саарал | #778899 | |
Дунд зэргийн SlateBlue | #7B68EE | |
зүлэг ногоон | #7CFC00 | |
Шартрейз | #7FFF00 | |
Aquamarine | #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 | |
Хөнгөн ган цэнхэр | #B0C4DE | |
Нунтаг цэнхэр | #B0E0E6 | |
Галт тоосго | #B22222 | |
DarkGoldenRod | #B8860B | |
Дунд зэргийн цахирмаа | #BA55D3 | |
Сарнай Браун | #BC8F8F | |
Хар хаки | #BDB76B | |
Мөнгө | #C0C0C0 | |
Дунд зэргийн ягаан улаан | #C71585 | |
Энэтхэгийн улаан | #CD5C5C | |
Перу | # CD853F | |
Шоколад | #D2691E | |
Бор | #D2B48C | |
Цайвар саарал | #D3D3D3 | |
Цайвар ягаан улаан | #D87093 | |
Thistle | #D8BFD8 | |
Орхидэйн | #DA70D6 | |
Алтан саваа | #DAA520 | |
Час улаан | #DC143C | |
Гейнсборо | #DCDCDC | |
Чавга | #DDA0DD | |
Burlywood | #DEB887 | |
Цайвар цэнхэр | #E0FFFF | |
Лаванда цэцэг | #E6E6FA | |
Хар хулд | #E9967A | |
Нил ягаан | #EE82EE | |
PaleGoldenRod | #EEEE8AA | |
Хөнгөн шүрэн | #F08080 | |
Хаки | #F0E68C | |
АлисЦэнхэр | #F0F8FF | |
HoneyDew | #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 | |
SeaShell | #FFF5EE | |
эрдэнэ шишийн торго | #FFF8DC | |
LemonChiffon | #FFFACD | |
Цэцэгт Цагаан | #FFFAF0 | |
Цас | #FFFAFA | |
Шар | #FFFF00 | |
Цайвар шар | #FFFFE0 | |
Зааны ясан | #FFFFFF0 | |
Цагаан | #FFFFFF |
Зураач, дизайнеруудын ашигладаг өнгө, сүүдэр нь ердөө л гайхалтай юм. Өөрчлөгдөж буй чиг хандлагын ачаар дэлхийн өнцөг булан бүрт байгаа загвар өмсөгчид загварын сэтгүүлүүд шиг өнгөний схемийг хичээнгүйлэн судалж байна. Тиймээс, сайтар судалж үзэхэд танил шар өнгийг: гич, алт, нимбэг, гүргэм, канар, лийр, эрдэнэ шиш, шаргал, хаврын нахиа, мандарваа цэцгийн шар, мандарин, эртний алт ... гэж хуваадаг бөгөөд энэ нь бүрэн жагсаалт биш юм. түүний сүүдэрт! Одоо байгаа олон төрлийн сүүдэрийг хэрхэн ойлгох вэ, хамгийн чухал нь энэ нь зайлшгүй шаардлагатай юу? Эцсийн эцэст, өнгөний тухай ойлголт нь цэвэр субъектив бөгөөд зөвхөн соёлын хүчин зүйлээс гадна физиологийн хүчин зүйлээс хамаардаг (нүдний өнгөний ялгааг ялгах чадвар нь хүн бүрт өөр өөр байдаг). Нэмж дурдахад, сүүдэр нь хүрээлэн буй өнгөнөөс хамааран илүү дулаан эсвэл сэрүүн харагдаж болно.
Хүйтэн өнгө, сүүдэр
Өнгө, сүүдрийн шилжилтийн тасралтгүй байдлыг тодорхой харуулахын тулд өнгөт дугуй ашигладаг. Энэ нь улаан, шар, цэнхэр гэсэн гурван өнгө дээр суурилдаг. Эдгээр өнгийг хооронд нь холихдоо бид завсрын өнгийг олж авдаг: улбар шар, ногоон, нил ягаан. Бусад бүх сүүдэрийг эдгээр өнгийг бие биентэйгээ хольж, түүнчлэн хар, цагаан өнгөтэй холих замаар олж авдаг.
Өнгөний дугуйг харуулах гурван үндсэн арга байдаг, гэхдээ тэдгээр нь үндсэндээ ижил зүйл юм.
Хүйтэн өнгөний үндэс нь хөхөвтөр өнгө юм. Хэрэв та өнгийг хараад цэнхэр, саарал эсвэл энэ сүүдэр хүйтэн байна гэж төсөөлж болно.
Хүйтэн сүүдэр нь:
- хар улаан;
- cochineal;
- час улаан;
- ализарин;
- час улаан;
- кардинал;
- ягаан;
- хаш;
- вистериа;
- нимбэг;
- цохих;
- хаш чулуу;
- аквамарин;
- индиго;
- Пруссын цэнхэр;
- зүүн талын тор;
- антрацит;
- Маренго.
Өнгөний дулаан сүүдэр
Олон тооны сүүдэрийг ойлгох нь ойролцоох өнгөнөөс хамаардаг гэдгийг санах нь зүйтэй. "Бүх зүйлийг харьцуулах замаар мэддэг" гэсэн илэрхийлэл нь өнгөний температурт маш их хамааралтай. Ижил температурын хуваарийн сүүдэрүүдийн дунд ч гэсэн та илүү дулаан, хүйтэн сүүдэр олж болно. Сүүдрийг харьцуулах хамгийн хялбар арга бол төвийг сахисан (жишээлбэл, цагаан) юм. Өнгөний дулаан сүүдэр нь шар, улаан эсвэл ягаан өнгийн "гэрэлтэх" болно.
Үүнд:
Үүнээс гадна төвийг сахисан өнгө гэж нэрлэгддэг:
Өнгө, сүүдрийг зөв хослуулахын тулд та дулаан өнгийг хүйтэн өнгөөр ялгаж сурах хэрэгтэй. Өнгөт найрлагыг бий болгох гурван арга бий.
Тэдний эхнийх нь хувьд ижил өнгийн хэд хэдэн сүүдэр сонгогддог. Энэ арга нь болгоомжтой, гоёмсог чуулга бий болгоход тохиромжтой.
Хоёрдугаарт, зэргэлдээх өнгө (өнгөт дугуй дээр бие биенийхээ хажууд байрладаг) хослуулсан.
Гурав дахь арга нь нэмэлт өнгө ашигладаг (өнгөт дугуйны эсрэг хэсгүүдэд байрладаг). Ийм байдлаар хамгийн сэтгэл татам, үр дүнтэй найрлагыг олж авдаг.
Таны харж байгаагаар дулаан, хүйтэн өнгө, сүүдрийг ялгаж сурах нь үнэ цэнэтэй хэвээр байгаа боловч олон арван өнгө, хагас өнгө бүрийн нэрийг цээжлэх шаардлагагүй юм. Хэдийгээр та стилист эсвэл дизайнер байсан ч өнгийг байнга санаж байхаас илүү нэртэй хэд хэдэн өнгөт палитр авч явах нь илүү хялбар байх болно. Үүнээс гадна, жишээ нь, Энэтхэгийн улаан, хулд загас, цайвар шүрэн хоёрын ялгааг тайлбарлахаас илүүтэйгээр өнгөт жишээг харуулах нь илүү хялбар байдаг.
Сайн байна уу, блог сайтын эрхэм уншигчид. Би "" хэсэгт нийтлэлүүдээ үргэлжлүүлэн нийтэлсээр байна. Өнөөдөр би HTML болон CSS кодын өнгөний талаар ярихыг хүсч байна, тэдгээрийг хэрхэн тохируулах, хэрхэн бий болгох, хүссэн өнгийг хайх, авахын тулд тусгайлан боловсруулсан програмуудыг хэрхэн ашиглах талаар хараахан мэдэхгүй байгаа хүмүүст тайлбарлахыг хүсч байна. илүү их.
Хүссэн сүүдрийг тодорхойлох асуулт нь вэб баримт бичигт өгөгдсөн кодууд нь бүрэн тодорхой бус (жишээлбэл, #f3af6c) бөгөөд энэ мэдээллийг хаанаас, хаанаас авах нь тодорхойгүй үед шинэхэн вэбмастеруудад хамааралтай байж болно. Html-г олох ба CSS өнгө), тэдгээрийг текст эсвэл вэб баримт бичгийн бусад блокийн загвар гаргахад хэрхэн ашиглах талаар.
-д ашигласан үндсэн зарчмуудыг бид аль хэдийн мэддэг болсон гэдгийг сануулъя. Бид ч гэсэн хаягуудыг аль хэдийн харж, сурсан, маш их зүйл сурсан, яаж.
Үндсэн RGB өнгөний код, хүснэгт
Гипертекст тэмдэглэгээний хэл болон каскадын загварын хуудсанд баримт бичгийг өнгөөр будаж болох нь логик юм. өөрөөрсайтууд нь маш уйтгартай, ижил төрлийн байх болно. Үүний тулд тэд ихэвчлэн RGB (улаан, ногоон, цэнхэр гэсэн гурван англи үгнээс гаралтай товчилсон үг) хэмээх загварыг ашигладаг.
RGB загвартЗөвхөн гурван өнгийг ашигладаг (эдгээр нь улаан, ногоон, цэнхэр байх нь тодорхой), тус бүрийг нь төлөөлж болно өөр өөр түвшингэрлийн тод байдал. Суваг бүрийн хувьд (улаан, ногоон, цэнхэр) гэрэлтүүлгийн 256 боломжит түвшингээс аль нэгийг нь сонгож болно. Нэг байт мэдээлэлд маш олон сүүдрийн утгыг кодлох боломжтой тул 256 тоог авсан.
Үүний дагуу манай вэб баримт бичгийн хувьд бид маш олон тооны боломжит сүүдэрүүдээс (256 * 256 * 256) ямар ч сүүдэр сонгох боломжтой. Жишээлбэл, хар өнгө авахын тулд өнгөний схемийн бүх гурван суваг нь тэг байх ёстой бөгөөд цагаан, улаан, ногоон, цэнхэр өнгө авахын тулд хамгийн их гэрэл гэгээтэй байх ёстой.
Одоо суваг тус бүрийн гэрэлтүүлгийг хэрхэн тохируулах, үүнд хичнээн боломж байгааг олж мэдье?
Үнэн хэрэгтээ байдаг хоёр үндсэн арга зам:
- суваг тус бүрийн гэрэлтүүлгийг (улаан, ногоон, цэнхэр) арван арван тоот тэмдэглэгээгээр тохируулна
- вэб баримтын кодонд өнгөний нэрийг оруулах замаар даалгавар
Нарийн төвөгтэй зүйлсээс эхэлж, арван зургаатын кодоор өнгө хэрхэн бичихийг олж мэдье. Жишээлбэл, бид аравтын бутархайн системд цагаан кодыг бичихийг хүсвэл 256 256 256, хар бол 0 0 0 кодыг авах болно. Энд бүх зүйл тодорхой байгаа байх.
Гэхдээ арван арван тоот системд араб тооноос гадна латин цагаан толгойн эхний зургаан үсгийг ашигладаг бөгөөд тоо үүсэхэд өөрийн гэсэн онцлог байдаг. Би үүнийг илүү гүнзгийрүүлэх хэрэггүй гэж бодож байна, гэхдээ жишээ болгон би Html-д зориулсан цагаан өнгийг дараах байдлаар тохируулж болно: #ffffff, хар нь: #000000. Тэдгээр. 00 нь аравтын бутархайн тэмдэглэгээний 0-д, ff нь 256-д тохирно.
Тэдгээр. суваг бүрт RGB өнгө CSS код нь хоёр арван арван оронтой тоог зөвшөөрдөг тул өнгөт утгын оруулгууд нь зургаан оронтой (эсвэл арван арван арван тоот цифрүүдтэй тэнцэх үсэг), өмнө нь "#" хэш тэмдэгтээс бүрдэнэ. Энэ нь маш энгийн.
Жишээлбэл, хамгийн энгийн сүүдэрт зориулсан доорх хүснэгтэд тэдгээрийн 16-тын тоо дараах байдлаар харагдах болно.
Мэдээжийн хэрэг, та интернет төсөл дээрээ үзэхийг хүсч буй арван зургаатын сүүдэртэй кодыг гаргаж, харьцуулах шаардлагагүй. Та сайтын өнгийг дурын график засварлагч дээр (бүр дотор) сонгож болно, тэндээс RGB форматаар энэ сүүдрийн бичлэгийг харуулах эсвэл Html өнгөний хүснэгтийг олж, тэндээс шаардлагатай кодыг хуулж болно.
Yandex Colors - Yandex-ийн үр дүнд RGB сүүдэр сонгох
Үүнийг энэ зорилгоор ашиглахыг хүсэхгүй байна график засварлагчэсвэл кодтой хүснэгт хайх уу? Асуудалгүй. Энэ хуудсыг бага зэрэг доош гүйлгэвэл та Html эсвэл CSS код дээр өнгөт ажиллахад тусгайлан зориулсан тусгайлан боловсруулсан олон программуудыг олох болно.
Хэрэв энэ нь танд тохирохгүй бол зүгээр л нээгээд хайлтын талбарт оруулна уу тухайн сүүдрийн нэр бүхий хүсэлт, таны сонирхож буй зүйл (хэдийгээр та зүгээр л оруулж болно: саарал хүрэн-бөөрөлзгөнө).
Үүний үр дүнд хайлтын үр дүнгийн хамгийн дээд хэсэгт та сайтынхаа өнгө сонгоход тохиромжтой Yandex.Colors палитр хүснэгтийг харах болно. Энэхүү палитрын баруун доод буланд та өөрт хэрэгтэй тенийн арван зургаатын кодыг хуулж болно (өмнө нь хэш тэмдэг байгаа), дараа нь та вэб баримтынхаа зөв газарт буулгахад л хангалттай.
Энэ бүхэн нь зохион бүтээгч, дизайнеруудад туслах зорилготой гэж нэрлэгддэг зүйлийн ачаар хэрэгждэг.
Та чадна Yandex хайлтын талбарт өнгө тохируулна уу, нэрнийх нь хэлбэрээр болон код хэлбэрээр - үр дүнд нь та дэлгэцэн дээр хэрхэн харагдахыг харж, шаардлагатай бол арван арван тоот тэмдэглэгээг авах боломжтой.
Үнэндээ энэ хэрэгсэл нь ашигтай байж болох юм энгийн хэрэглэгчидЖишээлбэл, мөнгөлөг хүрэн-бөөрөлзгөнө алаг өнгийн сүүдэрт тавилга ямар харагдахыг ойлгохын тулд Интернет. Та мөн энэ Yandex илбэчин ашиглах тухай видеог үзэж болно:
Гипертекст тэмдэглэгээний хэл дээрх зарим өнгө үг ашиглан тодорхойлж болножишээлбэл, "хар" нь хар, "цагаан" нь цагаан гэх мэт. Гэхдээ нэг анхааруулга байна. Тиймээс өнгө тохируулах нь зөвхөн хязгаарлагдмал тооны хувьд боломжтой.
Нэгдүгээрт, та RGB схемд байгаа бүх 16 сая сүүдрийг ямар ч хүснэгтэд байгаа үг ашиглан дүрслэх боломжгүй нь ойлгомжтой (та гүйлгэхээс залхах болно).
Хоёрдугаарт, Hypertext Markup Language 4.01 тодорхойлолтын W3C баталгаажуулагч дээр (үүнийг бүх хүмүүс бүрэн дэмждэг. боломжтой хөтөчүүдОдоогийн байдлаар) зөвхөн 16 өнгө тодорхойлогдсон бөгөөд үүнийг Html эсвэл CSS кодоор дараах үгсээр зааж өгч болно.
Та мөн кодоор үгээр зааж өгч болох илүү нарийвчилсан сүүдэртэй хүснэгтүүдийг олох боломжтой боловч зарим хөтөч дээр энэ өнгө зөв харагдахгүй байх магадлалтай.
Тиймээс дээр дурдсан үндсэн 16 өнгөний хүснэгтээс гадна бусад бүх өнгийг кодонд зааж өгөх ёстой вэб баримт бичигШаардлагагүй хэтрэлтээс зайлсхийхийн тулд зөвхөн арван зургаан тоот тэмдэглэгээг ашиглана.
Вэбмастеринг хийхдээ өнгөт код, нэрийг ашиглах
Асаалттай одоогоорбүх гадаад дизайн вэб хуудсууд CSS (загварын каскад хуудас) руу үлдээж, өнгөний кодыг Html дээр шууд зааж өгөх нь маш ховор боловч тохиолддог. Нэмж дурдахад нэг шалтгааны улмаас гадны хүснэгтийг ашиглах боломжгүй нөхцөл байдал бий. CSS загварууд(жишээлбэл, хувилбар үүсгэх тохиолдолд).
Тиймээс би Html дээр өнгө тохируулах жишээг өгөх болно, гэхдээ энэ тохиолдолд тэдгээрийг аль хэдийн ашигласан болно W3C баталгаажуулагчаас зөвлөдөггүй шошго. Жишээлбэл, өмнө нь дэвсгэрийн өнгийг "BODY" шошгонд "bgcolor" шинж чанараар тохируулдаг байсан бөгөөд "текст" шинж чанарыг ашиглан текстийг бүхэлд нь вэб хуудсанд нэн даруй буддаг байв.
Энэ тохиолдолд шаардлагатай сүүдрийг тохируулах нь жишээлбэл дараах байдлаар харагдаж болно.
Баримт бичгийн агуулга
Үр дүн нь шаргал дэвсгэртэй, хар хөх өнгийн фонттой вэб хуудас юм. CSS-г ашиглахаас өмнө текстийн аль нэг хэсгийн үсгийн өнгийг өөрчлөхийн тулд W3C баталгаажуулагчаас санал болгохоо больсон "FONT" шошгыг өргөн ашигладаг байсан бөгөөд үүнд ижил нэртэй "өнгө" шинж чанарыг оруулсан болно. өнгө тохируулах:
цэнхэр өнгөтэй байх шаардлагатай текстийн хэсэг
Бичсэн кодын үр дүнг дэлгэцэн дээр харахын тулд та энэ файлыг html өргөтгөлөөр хадгалж, өөрт тохиромжтой дурын хөтөч дээр нээх хэрэгтэй.
Одоо таны сайтын зохион байгуулалтыг хүчинтэй гэж үзэхийг зөвлөж байна каскадын загварын хуудсанд элементүүдийн өнгийг тохируулахзохих дүрэм, шинж чанаруудаар дамжуулан. CSS-д ийм оруулах дүрмүүд нь дээр дурдсанаас ялгаатай биш юм.
Таны харж байгаагаар заримдаа өнгөний тэмдэглэгээг богиносгохын тулд тэд зургаан тэмдэгт биш, харин зөвхөн гурван тэмдэгт ашигладаг, хэрэв тэдгээр нь суваг тус бүрт таарч байвал "#66с00" биш "#6с0".
Тусгай програмын палитраас өнгө сонгох эсвэл дэлгэцээс авах
Би дээр бичсэнчлэн RGB (улаан, ногоон, цэнхэр) өнгөний схемийг хаа сайгүй ашигладаг. Гурван үндсэн өнгө тус бүрийн хувьд 0-ээс 255 хүртэлх 256 зэрэглэл байдаг (хэрэв бид эдгээр утгыг арван зургаатын тооллын систем рүү хөрвүүлбэл 00-ээс FF хүртэл авна).
Учир нь Бидэнд гурван үндсэн өнгө байгаа бөгөөд эдгээрийн хослолоос бусад бүх сүүдэрүүд үүсдэг бөгөөд дараа нь арван зургаатын тэмдэглэгээ нь иймэрхүү харагдах болно: 99FF66 (ногоон сүүдэр). Урд талд нь # нэмснээр бид #99FF66 кодыг авах бөгөөд үүнийг Html болон загварын файлд ашиглах боломжтой. Энэ бүх утгагүй зүйлийг та өөрөө ойлгож, санах шаардлагагүй гэдгийг хэлэх нь зүйтэй.
Үүний тулд та ашиглаж болно тусгай хөтөлбөр, палитр дээр хүссэн сүүдрийг сонгох боломжийг танд олгоно (эсвэл дэлгэцээс авахпипетк шиг хэрэгсэл) нэн даруй кодыг нь аваарай. Та програмтай байх шаардлагагүй, гэхдээ зүгээр л Yandex руу ороод асуулгын талбарт дурын өнгөний нэрийг бичнэ үү (би энэ тухай дээр бичсэн).
Энэ бүгдийг бүрэн хэрэгжүүлэх боломжийг олгодог програмуудын жагсаалтыг энд оруулав.
Танд амжилт хүсье! Удахгүй блог сайтын хуудсууд дээр уулзацгаая
Та сонирхож магадгүй
Html кодын жагсаалтууд - UL, OL, LI болон DL хаягууд
HTML-д холбоос болон зураг (зураг) хэрхэн оруулах вэ - IMG шошгоболон А
Хэрхэн гипер холбоос (A, Href, Target хоосон), сайтын шинэ цонхонд хэрхэн нээх, мөн зургийг Html кодын холбоос болгох
Фонт (Нүүр, Хэмжээ, Өнгө), Blockquote болон Урьдчилсан шошго - цэвэр HTML дээр хуучин текст форматлах (хэрэглээгүй) CSS ашиглан)
Html дээрх хүснэгтүүд - Хүснэгт, Tr, Td шошгууд, мөн тэдгээрийг үүсгэхэд зориулсан Colspan, Cellpadding, Cellspacing болон Rowspan.
HTML маягтуудсайтын хувьд - Веб маягтын элементүүдийг үүсгэхэд зориулсан маягт, оруулах ба сонгох, Сонголт, текст, шошго болон бусад шошгууд Унждаг жагсаалт болон текст талбарын хэлбэрт зориулсан, Сонголт, Текст талбай, Шошго, Талбарын багц, Тэмдэглэл - Html хаягуудыг сонгоно уу.
Img- HTML шошгозураг оруулах (Src), текстийг тойруулан зэрэгцүүлэх, боох (зэрэгцүүлэх), арын дэвсгэрийг тохируулах (арын дэвсгэр)
Html кодын тайлбар заавар болон Doctype, түүнчлэн блок болон доторлогооны элементүүдийн тухай ойлголт (шошго)
Html гипертекст тэмдэглэгээний хэл гэж юу вэ, W3C баталгаажуулагч дээрх бүх шошгуудын жагсаалтыг хэрхэн үзэх вэ
Хоосон зайны тэмдэгтүүд ба тэдгээрийн HTML дэх кодыг форматлах, мөн тусгай тасрахгүй зай тэмдэгтүүд болон бусад мнемоникууд
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. RGB загварын өнгө
RGB утгын арван зургаатын формат нь # тэмдэг бөгөөд араас нь гурав, зургаан арван арван тэмдэгт орно. Гурван оронтой RGB тэмдэглэгээ #rgb нь тэг нэмэхийн оронд цифрүүдийг хуулах замаар зургаан оронтой #rrggbb хэлбэрт хувирдаг. Жишээлбэл, #fb0 нь #ffbb00 болж өргөждөг. Энэ нь богино #fff оруулгад цагаан #ffffff-г зааж өгч, дэлгэцийн өнгөний гүнээс хамаарах аливаа хамаарлыг арилгана.
Функциональ тэмдэглэгээний RGB утгын формат нь rgb(, дараа нь гурван тоон утгын таслалаар тусгаарлагдсан жагсаалт (гурван бүхэл тоо эсвэл гурван хувийн утга), дараа нь тэмдэг). 255 бүхэл тоо нь 100% ба F эсвэл FF-тэй тохирч байна.
Rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF
Тоон утгын эргэн тойронд хоосон зай оруулахыг зөвшөөрдөг.