CSS өнгө шинж. өнгө код

CSS өнгө - хэрэгслүүдийн нэг вэб хуудас хэв маягийг өөрчлөх. Энэ тохиргоог өөрчлөхийн тулд хэд хэдэн арга байдаг. Бүр давуу болон сул талтай.

нэр

өнгө нь үл хөдлөх хөрөнгийн зүйлийн өнгө тогтоодог. гарчгийн 145 сүүдэртэй CSS-д багтсан байна. Тэдний дунд (жишээ нь хүрэн улаан, lawngreen гэх мэт) болон нарийн төвөгтэй (хар, хөх гэх мэт) нь энгийн байдаг.

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

RGB

Телевизорт нь ихэнх нь ухаалаг гар утас, хяналт RGB өнгө загвар ажилладаг. Энэ нь ямар ч өнгө анхан шатны өнгө, улаан, ногоон, цэнхэр нь хослуулан тохируулж болно юм. . Үүнтэй төстэй арга аль аль нь төхөөрөмжүүдэд хэрэглэгддэг ба CSS-д байна. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Өнгө 0-ээс 255 боломжтой өнгө хэд хэдэн 16777216 тэнцүү үндсэн найрлага нь авах утгууд юм.

RGB (255, 255, 255) - RGB загвар шууд өнгө дүрслэл биет хууль холбоотой болохоор, хар RGB (0, 0, 0), цагаан гэж тэнд заасан байна. RGBA систем нь альфа суваг гадна нь, ТУЗ-д бүрэн төстэй. Энэ нь ил тод байдал, суурь сүүдэрт нь хольцтой нөлөөлдөг. элементийн энэ хэлбэрээр "субстратын" -ын дагуу өөр өөр байх болно.

HSL

хэрхэн HLS систем, та өнгө дугуйг өгөх хэрэгтэй ойлгохын тулд. түүний төвд, улаан, дараа нь (цагийн зүүний дагуу) бусад бүх солонгын өнгө юм. цвета при помощи системы HLS требуется задать три параметра: HLS системийг ашиглан CSS-д өнгийг тодорхойлохын тулд гурван үзүүлэлтийг шаарддаг:

• (Градусаар) Hue - тойрог төвийн чиглэл;
• ханалтын (хувь) - хэр их өнгө танд хэрэгтэй;
• (Хувиар) тод.

Жишээ нь, ягаан ийм байдлаар тодорхойлж болно: HSL (315, 100%, 45%). HSL туршилт нь хамгийн тохиромжтой юм. судалсны дараа өнгө нь дугуйг, та харж болно, харин загварчлах бараг тодорхой элементийг ямар өнгө тогтоосон илэрхийлнэ. HSLA - ижил HLS зөвхөн альфа нь: HSL (0, 100%, 50, 0.6) - улаан, талаас илүү ил тод, арай илүү.

Аллен

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS, та ийм утга нь # FF4500 тодорхойлно улбар шар гэх мэт, арван зургаатын төлөөллийг ашиглан өнгийг тохируулж болно.

ямар арван зургаатын төлөөллийн талаар илүү сайн ойлгохын тулд, цаашид аравтын систем нь авч үзэх хэрэгтэй. Энэ нь 0 9. тоог 9-аас илүү тоолж байгаа шаардлага, нэг хэсэг нэмж хүртэлх тоо байдаг ба энэ нь 9 дараа нь 10 Дараа нь 100 болж, мөн арван зургаатын бичлэгээр гэх мэт. E. Бүх яг ижил, харин түүн дотор, дараа нь B гэх F тухай - аравтын системд 15 адил. Дараа нь нэг цифр нэмж, энэ нь ердийн нөхцөлд 16, 10 болж байна.

RGB адил Аллен өнгө үндсэн өнгө ашиглах ямар хувь хэмжээгээр харуулж байна. (: # FFD500 өнгө) Энэ тохиолдолд, тэдгээр нь таслалаар тусгаарлагдсан байна. Бүр хоёр тэмдэгт, улаан, ногоон, цэнхэр тоог зааж өгөх хэрэгтэй.

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

Аль арга нь хамгийн шилдэг вэ?

Энэ дансанд бид юу бетон хэлж чадахгүй. интерфэйсийн элементүүд нь ил тод байдал хэрэгтэй бол RGBA болон HSLA хооронд сонгох хэрэгтэй. Та хөтөч HLS өнгөнд нь турших хүсэлтэй байгаа бол хамгийн тохиромжтой байх болно. Хэрэв та палитр ашиглаж байгаа эсвэл Photoshop-аас зохион шилжүүлэх бол, CSS арван зургаатын өнгө код илүүд үздэг байх ёстой.