АКЦЫЯ: бясплатныя месячныя курсы па стварэнні сайтаў
на выбар: вёрстка, JavaScript, PHP, Python або фрэймворкі. Сёння апошні дзень для запісу! Націскай!
⊗mkSpGfCHx 53 of 128 menu

Заданне колеру праз # у CSS

Спосаб задання колеру праз rgb, не гледзячы на тое, што дазваляе атрымаць любы адценне любога колеру, усё ж з'яўляецца некалькі громаздкім. Таму існуе і трэці варыянт задаць колер - праз шаснаццатковае значэнне.

Каб зразумець суть гэтага спосабу, вам трэба разбярэцца з шаснаццатковай сістэмай злічэння. У ёй, у адрозненне ад дзесяцічнай, якой мы з вамі карыстаемся ў жыцці, не дзесяць лічбаў, а шаснаццаць: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F - як вы бачыце, за недахопам лічбаў пасля дзевяці выкарыстоўваюцца літары.

У гэтай сістэме замест rgb запісваецца рашотка #, пасля якой ідуць шэсць знакаў. Першыя два знакі - чырвоны колер, другія два знакі - зялёны, і апошнія два знакі - блакітны. Колеры таксама змяняюцца ад 0 да 255, але ў шаснаццатковай сістэме гэта будзе ад 00 да FF.

У наступным прыкладзе абзац фарбуецца ў чырвоны колер:

<p> тэкст </p> p { color: #FF0000; }

:

Усталюйце ўсім абзацам колер #FFEEAA.

Усталюйце ўсім абзацам фон #000000 і колер тэксту #FFFFFF. Што за колеры атрымаюцца?

Дадзены наступны код:

p { color: rgb(255, 200, 255); }

З дапамогай якого-небудзь канвертара пераўтварыце колер у шаснаццатковы фармат.

byenru