Шта је хексадецимални код? Све што треба да знате

Рад са бојама у ХТМЛ-у је релативно једноставан. Са неколико једноставних ЦСС декларација, можете променити боју било ког текста или позадине на вашој веб страници. Али како одредити боју? Одговор на ово питање одвешће нас у зечју рупу која нас на крају доводи до концепта хексадецималних кодова боја.

Ако сте раније радили са ХТМЛ-ом или ЦСС-ом, вероватно сте чули за термин хексадецимални код. Али шта је тачно хексадецимални код? Који су неки примери хексадецималних кодова? Која је разлика између хексадецималног кода и РГБ кода боја?

Шта је хекс код?

Када први пут почнете да радите са бојом, можда ћете користити графички интерфејс да одаберете боје које ћете применити на елементе на вашој страници. Када почнете да гледате основни код, а не само свој графички уређивач, открићете да се боје појављују као низови знакова чудног изгледа. Такве секвенце су познате као хексадецимални кодови; изгледају отприлике овако:

#ФФ0092

Повезан: Основни услови графичког дизајна које треба да знате

Можете одредити боје у ЦСС-у на неколико различитих начина. Можете користити називе неких унапред дефинисаних боја као нпр

црвена и даркмагента. Међутим, да бисте одредили тачне нијансе боја, мораћете да користите прецизније мерење: нешто нумеричко.

ЦСС нуди две главне опције: РГБ и хексадецимални. У оба формата одређујете количине црвене, зелене и плаве које чине коначну боју. РГБ користи три броја између 0 и 255. Хек ради потпуно исто, само са различитом основом (16) од децимале (10) на коју сте навикли.

Хек користи слова А-Ф, поред цифара 0-9, за укупно 16 симбола. А у хексадецима је еквивалент 10 у децимали. Ф у хексадецима је 15 у децимали.

Како функционишу хексадецимални кодови боја?

У свом најосновнијем облику, хексадецимални код је приказ колико црвене, зелене и плаве постоји у боји. Хексадецимални код се састоји од шест знакова. Прве две се односе на количину црвене боје у мешавини, следеће две се односе на количину зелене боје, а последње две цифре одражавају количину плаве. Хексадецимални кодови се односе на одређене боје, омогућавајући дизајнерима и програмерима да лако комуницирају о шемама боја.

Са 16 × 16 (256) вредности за сваку компоненту боје, тада постоји 256 × 256 × 256 могућих комбинација. У хексадецималу, они се крећу од #000000 (чисто црна) до #ФФФФФФ (чисто бела).

Како читати хексадецималне кодове боја

Лако је схватити хексадецималне кодове боја. Узмимо пример #ФФ5733. Прво поделите шест знакова на три дела од којих сваки садржи по два знака. Као што знате, прва два дела представљају црвену боју, друга два дела представљају зелену, а трећа два дела представљају плаву. Дакле, у нашем примеру:

• Црвена компонента, РР, има вредност ФФ.
• Зелена компонента, ГГ, је 57.
• Плава компонента, ББ, је 33.

Сада, да бисте пронашли интензитет ових сегмената боја, потребно је да израчунате хексадецимални број користећи ова три корака:

1. Помножите први хексадецимални знак РР са 16. Ако је знак слово, претворите га у одговарајућу вредност. У овом случају, први знак је Ф што је 15. Дакле, за наш пример, множите 15 × 16 што је једнако 240.
2. Затим додајте други знак РР. Опет, претворите слово у одговарајућу вредност, ако се укаже потреба. У нашем примеру, други знак је Ф што је једнако 15.
3. Када завршите, додајте укупне вредности да бисте добили једну вредност. Ако додате 240 и 15 из нашег примера, видећете да је вредност ФФ 255.

Поновите исту формулу за преостала два сегмента, ГГ означен са 57 и ББ означен са 33. Ако вам ручни прорачуни изгледају превише, увек можете користити хексадецимални алат за конверзију у РГБ (нпр БинариХек Цонвертер) за читање боје. Требало би да откријете да је хексадецимална вредност #ФФ5733 је еквивалентно са ргб (255, 87, 51).

Зашто је хексадецимални код боја тако популаран?

Иако постоји неколико различитих модела боја (РГБ, ЦМИК, ХСЛ), хексадецимални кодови боја су можда најчешће коришћени прикази. То је зато што су једноставне и лако разумљиве.

Формат фиксне ширине је такође веома користан. Хексадецималне боје пуне дужине су увек седам знакова, укључујући водећи # симбол.

Хек боје су веома ефикасне, користећи само ових седам знакова за представљање више од 16 милиона боја. А разликовање између ових боја је једноставан процес.

Хек вс. РГБ: Има ли разлике?

РГБ систем кодирања боја користи три децимална броја да означи релативне интензитете црвене, зелене и плаве. Користи цифре 0-9.

Хек такође користи три броја за представљање црвене, зелене и плаве боје, али користи додатне цифре (А-Ф) да задовољи базу 16. Нема разлике у добијеним бојама, то су једноставно различити формати за преношење истих информација.

Повезан: Основе ЦСС-а: Рад са бојама

За шта се користи хексадецимални код?

РГБ користе различите апликације, од телевизијских екрана до мобилних уређаја, игара и знакова. Углавном ћете видети хексадецималне кодове боја у веб дизајну и другим графичким програмима.

Такође можете видети хексадецималне кодове као универзални начин идентификације боја. Многе веб странице их користе да идентификују одређену боју пошто су кратке и, обично, недвосмислене у контексту.

Хексадецимални код боја није ракетна наука

Дакле, имате основе хексадецималних кодова боја. Они нису баш тешка наука, али служе одређеној сврси у дизајну (и у свету технологије). Ако тражите алат који ће вам помоћи да разумете како функционишу хексадецималне боје, или онај који ће вас научити о РГБ теорији мешања, постоји много на мрежи. Запамтите, кључ за учење било чега новог је да то радите корак по корак.

Хексадецимални кодови боја нису најузбудљивија ствар на свету, али је од виталног значаја да их разумете ако радите у веб дизајну. Могућност рада са хексадецималним кодовима боја ће учинити ваш рад на дизајну много лакшим.

Како пронаћи хексадецималну вредност било које боје на екрану

Научите како да изаберете било коју вредност боје са екрана за неколико секунди. Посебно корисно за веб дизајнере!

Реад Нект

О аутору