CSS түсті қасиеттері. түс кодтары

Веб-бет стильдер өзгерту құралдарының бірі - CSS түсті. Бұл параметрді өзгерту үшін бірнеше жолдары бар. Әрбір артықшылықтары мен кемшіліктері екі бар.

ат

түсті меншік элементтің түсін орнатады. атауларының 145 реңктері CSS енгізілген. Олардың арасында және (мысалы, қан қызыл, lawngreen сияқты) күрделі (мысалы, қара көк сияқты) қарапайым бар.

есте сақтау қиын бүкіл тізіміне Себебі, мәнер кестесінің атауы сирек пайдаланылады.

RGB

Теледидарлар көпшілігі, смартфондар, мониторлар RGB түс моделін жұмыс істейді. Яғни, кез-келген түсті, қызыл, жасыл және көк негізгі түстердің, комбинациясы орнатуға болады. . Осындай көзқарас екі құрылғылар, және CSS қолданылады. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Түстер негізгі құрамы болып табылады 0-ден 255-ке дейін мәндерді қабылдайды ықтимал түстер саны 16777216 тең.

RGB моделі тікелей қара, түсті, визуализация физикалық заңдарына байланысты, себебі RGB (0, 0, 0), ақ ретінде онда көрсетілген - RGB (255, 255, 255). альфа-арна қосылған RGB толығымен ұқсас RGBA жүйесі. Ол фондық реңі бар араласатын ашықтығын, әсер етеді. элементтің осы түрінде «субстрат» сәйкес әр түрлі болады.

HSL

қалай СӨС жүйесін түсіну үшін, сіз түсті дөңгелегі ұсынуы қажет. оның орталығында кемпірқосақтың барлық басқа түсті (сағат тілімен), содан кейін қызыл болып табылады. цвета при помощи системы HLS требуется задать три параметра: СӨС жүйесін пайдалана отырып CSS түстерді анықтау үшін үш параметрлерін талап:

• (Градустарда) реңк - шеңбер орталығының бағыты;
• қанықтыру (пайыздық) - сізге қаншалықты түсі;
• (Пайызбен) жарықтық.

Мысалы, күлгін осындай жолмен анықтауға болады: HSL (315, 100%, 45%). HSL эксперименттер үшін ең ыңғайлы болып табылады. зерделегеннен кейін түсті дөңгелегі, стильдер қарап отырған кезде шамамен нақты элемент орнатуға қандай түсті білдіретін болады. HSLA - тек альфа сол СӨС: HSL (0, 100%, 50, 0,6) - қызыл, жартысынан сәл көбірек ашық.

HEX

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

қандай оналтылық өкілдік жақсы түсіну үшін, одан әрі ондық жүйесін қарастыру керек. Ол 9-дан көп санын санау қажеттілігі, бір бит қосылған кезде 0-ден 9-ға дейінгі сан болып табылады, және ол 10 бұрылады, содан кейін 100 және т.б.. E. Барлық алтылық форматта дәл осындай, бірақ оған 9 кейін болып табылады, Содан кейін F соншалықты туралы B, және - ондық жүйесінде 15 бірдей. Содан кейін бір санды қосу, және ол әдеттегі тұрғысынан 16 10 шықты.

RGB сияқты, HEX түстер негізгі түстерді пайдалану қандай арақатынаста көрсету үшін. Бұл жағдайда, олар үтір (: # FFD500 түсі) бөлінген емес. Әрбір екі таңба, қызыл, жасыл және көк санын көрсетіңіз.

CSS. бұл дұрыс CSS түсін табу мүмкін емес, өйткені, әдетте, HEX жүйесі, эксперимент кезінде қолданылмайды. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. кесте бұл мәселеде көмектесе аласыз, бірақ сіз үнемі оған қараңыз, егер жұмыс ұсталды болады. Үлгі графикалық редакторының берілетін кезде он алтылық ұсыну ең ыңғайлы болып табылады. Ол оған үш кезекпен қарағанда бір ғана санды көшіру әлдеқайда оңай.

Қандай жолы ең үздік болып табылады?

Бұл шот бойынша біз нақты ештеңе айта алмаймын. интерфейсінің элементтері ашықтығын қажет болса, RGBA және HSLA арасында таңдау. Сіз браузер СӨС түсті шеңбер эксперимент келсе ең ыңғайлы болады. Егер сіз палитрасын пайдаланып немесе Photoshop дизайнды аударуға болса, CSS оналтылық түсті кодтары жөн.