CSS цвят свойства. цветни кодове

Един от инструментите за промяна на стилове от тези страници - CSS цвят. Има няколко начина за промяна на тази настройка. Всяка от тях има както предимства, така и недостатъци.

име

Цвят на имота The определя цвета на елемента. 145 нюанса на заглавията, включени в CSS. Сред тях са прости (като черно, синьо) и комплекс (като червено, lawngreen).

Защото целият списък на трудно да се запомнят, името на стила лист се използват рядко.

RGB

Повечето от телевизори, смартфони, монитори работят с RGB цветови модел. Това означава, че всеки цвят може да се настрои към комбинация от основните цветове, които са червено, зелено и синьо. . Подобен подход се използва и в двете устройства, както и в CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Цветовете са основни състав взема стойности от 0 до 255. брой възможни цветове е равно на 16777216.

От модела 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, и така нататък. Г. В системата на шестнадесетичен, всичко точно същото, но това е след 9 A, след в, и така нататък за F - същото като 15 в десетичната система. След това добавете една цифра, а се оказва, 10 от 16 в обичайните срокове.

Както и в RGB, HEX цветове, за да показват в какво съотношение да използвате основните цветове. В този случай, те не са разделени от запетаи (цвят: # FFD500). На всеки два знака посочват броя на червено, зелено и синьо.

CSS. Като правило, HEX система не се използва по време на експериментите, тъй като е невъзможно да се намери правилният цвят CSS. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Таблицата може да помогне по този въпрос, но ако постоянно се отнасят към него, работата ще се забави. Шестнадесетичен вид е най-удобен, когато шаблонът се прехвърля от графичен редактор. Тя е много по-лесно да се копират от него само една цифра от три завои.

В коя посока е най-добре?

На тази сметка не можем да кажем нищо конкретно. Ако елементите на интерфейса трябва прозрачност, избира между RGBA и HSLA. Ако желаете да експериментирате в браузър HLS цвят колело ще бъде най-удобно. Ако използвате палитра или прехвърляне на дизайна от Photoshop, да се предпочитат CSS кодове цвят шестнадесетичен.