CSS боја својства. кодови на боја

Една од алатките за промена стилови на веб-страница - CSS боја. Постојат неколку начини да го измени ова поставување. Секој има свои предности и недостатоци.

име

боја на имотот поставува боја на објектот. 145 нијанси на наслови вклучени во CSS. Меѓу нив има и едноставна (како црна, сина) и сложени (како на пример црвена, lawngreen).

Бидејќи целата листа на тешко да се запомни, името на лист стилот се користат ретко.

RGB

Повеќето од телевизори, телефони, монитори работат со RGB боја модел. Тоа е, било која боја може да се постави на комбинација од основни бои, кои се црвена, зелена и сина боја. . Сличен пристап се користи во двата уреди, и во CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Боите се основните составот преземе вредности од 0 до 255. Голем број на можни бои е еднаква на 16.777.216.

Бидејќи овој модел RGB е директно поврзана со физичките закони на печатење во боја, црна е наведен во него како rgb (0, 0, 0), бело - rgb (255, 255, 255). RGBA систем целосно сличен на RGB, со додавање на каналот за алфа. Тоа влијае на транспарентност, што се вклопува со позадина сенка. Во оваа форма на елементот ќе се разликуваат според "подлога".

HSL

За да се разбере како функционира системот HLS, треба да ги достават на боја тркалото. Во неговиот центар е црвено, а потоа (стрелките на часовникот) сите други бои на виножитото. цвета при помощи системы HLS требуется задать три параметра: За да се утврди на бои во CSS користење на системот HLS бара три параметри:

• боја (во степени) - насока на центарот на кругот;
• сатурација (процент) - колку боја ви се потребни;
• светлина (во проценти).

На пример, пурпурна може да се утврди на таков начин: HSL (315, 100%, 45%). HSL е најзгодно за експерименти. По проучувањето на боја тркало, можете да додека гледањето на интерфејс приближно претставуваат каква боја да поставите специфични елементи. HSLA - истиот HLS, само со Алфа: HSL (0, 100%, 50, 0.6) - црвено, транспарентни малку повеќе од половина.

HEX

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

За подобро разбирање на она што хексадецимален застапување, понатаму треба да се разгледа на децимална систем. Тоа е број од 0 до 9. Кога потребата во броењето број поголем од 9, се додава една малку, и испоставува 10, а потоа 100, и така натаму. E. Сите иста во хексадецимално нотација, но во него, по 9 е, тогаш Б, и така натаму до F - иста како и 15 во децималниот систем. Потоа додадете една цифра, и испоставува 10 од 16 во вообичаената смисла.

Како и во RGB, HEX бои за да укаже во она што пропорции да се користи основни бои. Во овој случај, тие не се одделени со запирки (color: # FFD500). На секои две карактери го одредите бројот на црвена, зелена и сина боја.

CSS. Како по правило, HEX систем не се користи во текот на експерименти, бидејќи тоа е невозможно да се најде вистинската боја CSS. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Табелата може да помогне во ова прашање, но ако постојано се однесуваат на него, работата ќе биде одложен. Хексадецимален застапеност е најзгодно кога дефиниција се пренесува од графички уредник. Тоа е многу полесно да го копирате од него само една цифра од три врти.

На кој начин е најдобар?

На оваа сметка не можеме да кажеме ништо конкретно. Ако елементи на интерфејсот треба транспарентност, изберете помеѓу RGBA и HSLA. Ако сакате да експериментирате во прелистувачот HLS боја тркало ќе биде најзгодно. Ако сте со користење на палета или трансфер на дизајн од Photoshop, треба да претпочитаат CSS кодови на боја хексадецимален.