CSS түстөрдүн өзгөчөлүктөрү. түс коддору

инструменттеринин бири интернет барак стилин өзгөртүү - CSS түсү. Бул жөндөөнү өзгөртүү үчүн бир нече жолдору бар. Ар бир эки артыкчылыктар да, кемчиликтер да бар.

ысым

түс мүлк нерсенин түсүн аныктайт. наамдарын 145 бериниз CSS киргизилген. Алардын арасында жөнөкөй (мисалы, кара, көк) жана татаал (мисалы, кочкул кызыл жүндөн, lawngreen) бар.

эстеп калуу татаал бүткүл тизмеси үчүн, стилдин аты сейрек колдонулат.

RGB

Сыналгыны көпчүлүгү Сотиш, байкоочулар RGB түстүү модели менен иштешет. Бул ар кандай түстө кызыл, жашыл жана кёк болуп Негизги түстөр, бириктирип койсо болот, болот. . Ушундай эле ыкма эки аппараттарда колдонулган жана CSS-жылы. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Түстөр 0дөн 255 мүмкүн түстүү бир катар 16777216 барабар негизги курамы алып баалуулуктар болуп эсептелет.

RGB модели түздөн-түстүү элестетүүлөр физикалык мыйзамдарга байланыштуу, демек, кара анда RGB катары аныкталган (0, 0, 0), ак - RGB (255, 255, 255). RGBA системасы Alpha каналдын кошуп, RGB толук окшош. Бул маалымат көлөкөсү менен аралаштырууда ачык-айкындуулукту, терс таасирин тийгизет. элементтин бул түрүндө "субстрат" жараша ар кандай болот.

HSL

HLS системасы кандай түшүнүү үчүн, бир түстүү рулду тапшыруу керек. Анын так ортосунда кызыл болсо, анда (жебеси) Казан башка бардык түстөр. цвета при помощи системы HLS требуется задать три параметра: HLS системасын колдонуп CSS түстөрдү аныктоо үчүн үч параметрлерди талап кылат:

• сыры (градус менен) - тегерек борборунун багыты;
• каныктыруу (пайыз менен) - канчалык керек экенин жакшы түс сиз;
• жарыктык (пайыздар).

Мисалы, ачык кызыл, кочкул ушундай жол менен аныкталышы мүмкүн: HSL (315, 100%, 45%). HSL эксперименттердин үчүн ыңгайлуу болуп саналат. окуп-билгенден кийин, түстүү колесо, сиз стилдер болжол менен белгилүү бир элементин эмнеге түс билдирет карап жатканда болот. HSLA - Ошол эле HLS гана Alpha менен: HSL (0, 100%, 50, 0,6) - кызыл, ачык-айкын жарымы-.

HEX

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

эмне алтылык өкүлчүлүктүн жакшыраак түшүнүү үчүн, мындан ары ондук системасын карап чыгыш керек. Ал 0 9. чейин бир катар көбүрөөк 9 караганда санын эсептөөнү керек, бир аз кошулуп, жана 10, 100, жана башкалар. E. баары так он алтылык эле, ал эми 9 кийин аны менен болот +, анда B, ошондуктан F үчүн - ондук система боюнча 15 эле. Андан кийин бир санды кошуп, ал көнүмүш мааниде 16 10 экен.

RGB эле, HEX түстөр негизги түстөрдү колдонууга кандай өлчөмдө көрсөтүп. (: # FFD500 түс), бул учурда, алар, үтүр менен бөлүнгөн эмес. Ар бир эки белги кызыл, жашыл жана кёк санын аныктайт.

CSS. Эреже катары, HEX системасы туура CSS түсүн табуу мүмкүн эмес, анткени, тажрыйба колдонулган эмес. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. стол бул жагынан жардам бере алат, бирок ар дайым ага тиешелүү болсо, анда иш токтоп калат. шаблон көркөм редактордун өткөрүлүп жатканда алтылык өкүлчүлүгү абдан ыңгайлуу болуп саналат. Бул бир гана орундуу үч кезектешип караганда көчүрүп алуу кыйла оъой.

Кайсы жол жакшы?

Бул билдирүүдөн биз эч нерсе конкреттүү айта албайм. иштей элементтери ачыктыгын керек болсо, RGBA жана HSLA тандоого туура келет. Серепчи HLS түстүү, машине менен эксперимент келсе, анда абдан ыңгайлуу болот. Эгер тактасы же Photoshop тартып дизайны өткөрүп колдонуп жаткан болсо, CSS алтылык түстүү коддору артык керек.