Боје играју виталну улогу у невербалном преношењу информација. Веб страница са интерактивним бојама сматра се атрактивном и визуелно привлачном. Постоје различите методе за примену боја за ХТМЛ елементе: РГБ, РГБА, ХЕКС код, ХСЛА и ХСЛ. Међутим, можете пронаћи кодове боја тако што ћете прегледати страницу, изабрати боје из бирача боја или користити функцију капаљке за очи са панела са алаткама за програмере.
У овој студији ћемо разговарати о методама за проналажење кода боја у ХТМЛ-у
Метод 1: Пронађите код боје у ХТМЛ-у тако што ћете прегледати веб страницу
Следе кораци за проналажење кода боје прегледом странице.
Корак 1: Отворите веб страницу
Прво отворите потребну веб страницу:
Корак 2: Изаберите опцију Инспецт
Кликните десним тастером миша на страницу и изаберите „ Инспецт ” опција из менија, која ће омогућити приступ „ Алати за програмере ” панел:
Као резултат тога, „ Елементи ” ће се приказати на дну претраживача:
Корак 3: Подесите место панела са алаткама за програмере
Кликом на три тачке из угла, можете изабрати положај панела. На пример, изабрали смо зелену означену икону. Штавише, величина прозора за преглед се може променити повлачењем његових углова:
Корак 4: Изаберите елемент за проверу
Затим кликните на означену икону да бисте изабрали елемент који желите да прегледате:
Корак 5: Изаберите елемент
Задржите показивач миша на елементу чији код боје треба да се пронађе и кликните на њега. Као резултат тога, „ Стилови ” картица се отвара и приказује својства стила изабраног елемента, одакле морате да изаберете боју као што је приказано зеленим означеним оквиром:
Корак 6: Изаберите боју из бирача боја
Копирајте код боје из отвореног прозора бирача боја:
Слика испод показује да боје можемо изабрати и кликом на мале оквире за боје означене црвеном бојом. Док жути оквир представља показивач који се постепено мења да би се видела боја изабраног елемента:
Корак 7: Подесите непрозирност боје
Такође можете подесити непрозирност боје као што је приказано у доњем ГИФ-у:
Метод 2: Пронађите код боје у ХТМЛ-у помоћу функције капаљке
Функција капаљке се такође може користити за одабир било које боје са веб странице. Ова функција је веома згодна јер може да изабере боју са било ког места у приказаном прозору.
Белешка: Функција капаљке за очи је представљена црвеним означеним оквиром на слици испод:
Ево демонстрације рада алата за капаљку за очи:
Након што изаберете боју за свој елемент, копирајте код боје и налепите га у ЦСС свог пројекта.
Закључак
Постоје различите методе за примену боја за ХТМЛ елементе: РГБ, РГБА, ХЕКС код, ХСЛА и ХСЛ. Можете пронаћи кодове боја помоћу „ Инспецтинг ” било коју веб страницу или бирањем боја из „ бирач боја ” и користећи „ Капалица за очи ' одлика. Овај чланак је демонстрирао процедуру за проналажење кодова боја у ХТМЛ-у са детаљним примерима.