Веб палете боја

Шта су палете боја за веб?

Боје су веома важне за веб дизајнере и графичке дизајнере. Дизајнери описују боје које описујемо као плаву, црвену и зелену у свакодневном животу са кодовима као што су #ффф002, #426215. Без обзира на то коју врсту пројекта кодирања предузимате, вероватно ћете у неком тренутку почети да радите са бојама. Ово ће бити посебно корисно ако научите да кодирате користећи ХТМЛ, као што многи људи раде за дизајнирање веб страница.

Шта хекс код значи у бојама?

Хексадецимални код је начин представљања боје у РГБ формату комбиновањем три вредности. Ови кодови боја су саставни део ХТМЛ-а за веб дизајн и остају важан начин за дигитално представљање формата боја.

Хексадецимални кодови боја почињу знаком фунте или хештегом (#) након чега следи шест слова или бројева. Прва два слова/броја одговарају црвеној боји, следећа два зеленој, а последња два плавој. Вредности боја су дефинисане у вредностима између 00 и ФФ.

Бројеви се користе када је вредност 1-9. Слова се користе када је вредност већа од 9. На пример:

• А = 10
• Б = 11
• Ц = 12
• Д = 13
• Е = 14
• Ф = 15

Хексадецимални кодови боја и РГБ еквиваленти

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

• Црвена = #ФФ0000 = РГБ (255, 0, 0)
• Зелена = #008000 = РГБ (1, 128, 0)в
• Плава = #0000ФФ = РГБ (0, 0, 255)
• Бела = #ФФФФФФ = РГБ (255,255,255)
• Слоновача = #ФФФФФ0 = РГБ (255, 255, 240)
• Црна = #000000 = РГБ (0, 0, 0)
• Сива = #808080 = РГБ (128, 128, 128)
• Сребро = #Ц0Ц0Ц0 = РГБ (192, 192, 192)
• Жута = #ФФФФ00 = РГБ (255, 255, 0)
• Љубичаста = #800080 = РГБ (128, 0, 128)
• Наранџаста = #ФФА500 = РГБ (255, 165, 0)
• Бордо = #800000 = РГБ (128, 0, 0)
• Фуксија = #ФФ00ФФ = РГБ (255, 0, 255)
• Лиме = #00ФФ00 = РГБ (0, 255, 0)
• Акуа = #00ФФФФ = РГБ (0, 255, 255)
• Теал = #008080 = РГБ (0, 128, 128)
• Маслина = #808000 = РГБ (128, 128, 0)
• Морнарско плава = #000080 = РГБ (0, 0, 128)

Зашто су боје веб странице важне?

Можда мислите да боје не утичу на вас, али према студији, 85% људи каже да боја има велики утицај на производ који купују. Он такође каже да када неке компаније промене боје дугмади, приметиле су нагло повећање или смањење конверзија.

На пример, Беамак, компанија која производи екране за пројекције, приметила је огроман пораст кликова на црвене линкове од 53,1% у поређењу са плавим линковима.

Боје имају огроман утицај не само на кликове већ и на препознатљивост бренда. Студија о менталном утицају боја показала је да боје повећавају препознатљивост бренда у просеку за 80%. На пример, када помислите на Цоца-Цолу, вероватно ћете замислити живописне црвене конзерве.

Како одабрати шему боја за веб странице?

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

Горе наведени примери су доказани многим студијама. Али боја коју одаберете за своју веб локацију зависи од сложености вашег дизајна и врста комбинација боја. На пример, ако користите једнобојну палету веб дизајна, можда ће вам требати седам или више нијанси те боје да бисте добили довољно разноликости на екрану. Морате да подесите боје за одређене делове вашег сајта, као што су текст, позадине, везе, боје лебдења, ЦТА дугмад и заглавља.

Сада „Како одабрати шему боја за веб локације и веб апликације?“ Хајде да то погледамо корак по корак:

1. Изаберите своје примарне боје.

Најбољи начин да се одлучите за примарну боју је да испитате боје које одговарају расположењу вашег производа или услуге.

У наставку смо навели неке примере за вас:

• Црвена: То значи узбуђење или срећу.
• Наранџаста: Означава пријатељско, забавно време.
• Жута значи оптимизам и срећу.
• Зелена: значи свежину и природу.
• Плава: означава поузданост и сигурност.
• Љубичаста: Представља истакнути бренд са историјом квалитета.
• Браун: То значи поуздан производ који сви могу да користе.
• Црна значи луксуз или елеганцију.
• Бела: Односи се на елегантне производе лаке за употребу.

2. Изаберите своје додатне боје.

Изаберите једну или две додатне боје које допуњују вашу главну боју. Идеално би требало да буду боје које вашу главну боју чине "запањујућом".

3. Изаберите боју позадине.

Изаберите боју позадине која ће бити мање „агресивна“ од ваше примарне боје.

4. Изаберите боју фонта.

Одаберите боју за текст на вашој веб страници. Имајте на уму да је чврст црни фонт реткост и да се не препоручује.

Најбоље веб палете боја за дизајнере

Ако не можете да пронађете боју коју тражите у колекцији Софтмедал веб палета боја, можете погледати доленаведене сајтове за алтернативне боје:

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

1. Палеттон

Палеттон је веб апликација коју сви веб дизајнери треба да знају. Само унесите боју семена и апликација ће урадити остало за вас. Палеттон је поуздан избор и одлична веб апликација за оне који не знају ништа о дизајну и за почетнике.

2. Безбедна боја

Ако је ВЦАГ проблем у вашем процесу дизајна, Цолор Сафе је најбољи алат за употребу. Помоћу ове веб апликације можете креирати шеме боја које се савршено уклапају и нуде богат контраст у складу са ВЦАГ смерницама.

Коришћењем веб апликације Цолор Сафе, обезбеђујете да је ваша веб локација у складу са ВЦАГ смерницама и да је потпуно доступна свима.

3. Адобе Цолор ЦЦ

То је један од бесплатних Адобе алата креираних за јавну употребу. То је разрађена веб апликација у којој свако може да креира шеме боја од нуле. Омогућава вам да бирате између многих различитих модела боја који најбоље одговарају вашим потребама. Интерфејс у ​​почетку може изгледати помало збуњујуће, али када се навикнете на њега, не би требало да имате проблема са одабиром лепих опција боја.

4. Амбијент

Амбианце, бесплатна веб апликација, нуди унапред направљене веб палете боја са других сајтова за боје на вебу. Ради као традиционална веб апликација у којој можете да сачувате боје на свом профилу и креирате сопствене шеме од нуле. Све ове веб палете боја долазе од Цолорловерс-а. Интерфејс Амбианце олакшава претраживање и ставља више фокуса на међусобну игру боја за дизајн корисничког интерфејса.

5. 0то255

0то255 није баш генератор шеме боја, али може вам помоћи да фино подесите постојеће шеме боја. Веб апликација вам показује све различите нијансе тако да можете одмах да мешате и ускладите боје.

Ако вам је тешко да направите употребљиву шему боја, можете прегледати неке од горе наведених апликација.

Најбоље веб палете боја

Следећи сајтови користе различите веб палете боја за одличан ефекат. Они су пажљиво одабрани према емоцијама које изазивају и емоцијама које преносе.

1. Одопод

Одопод је дизајниран са монотоном палетом боја, али је имао за циљ да избегне да изгледа досадно са градијентом на својој почетној страници. Велика типографија нуди одличан контраст. Јасно је где посетиоци желе да кликну.

2. Торијево око

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

3. Цхеесе Сурвивал Кит

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

4. Ахрефс

Ахрефс је пример веб странице која слободно користи палету боја. Тамно плава делује као преовлађујућа боја, али варијације постоје на целој локацији. Исто важи и за боје наранџасте, розе и тиркизне.

Најчешћа питања о бојама

1. Која је најбоља боја за веб локацију?

Плава је дефинитивно најсигурнији избор јер је најпопуларнија боја са 35%. Међутим, ако сви ваши конкуренти користе плаву боју, можда би имало смисла „разликовати“ своју понуду и бренд. Али морате бити сигурни да не преплавите посетиоце.

2. Колико боја треба да има веб локација?

Узмите у обзир да 51% брендова има једнобојне логотипе, 39% користи две боје, а само 19% компанија преферира логотипе у пуној боји. Одавде можете да видите да веб странице са 1, 2 и 3 боје имају више смисла него да покушавате да направите веб локацију са дугиним бојама. Међутим, брендови као што су Мицрософт и Гоогле верују у предност рада са више боја јер користе најмање 4 чврсте боје у свом дизајну.

3. Где да користим боје?

Боје које упадају у очи треба користити штедљиво, иначе ће изгубити ефекат. Овај ефекат треба да буде у тачкама конверзије као што су дугмад „Купи одмах“.