Палитраи рангҳои веб

Палитраи рангҳои веб чист?

Рангҳо барои веб-дизайнерҳо ва дизайнерҳои графикӣ хеле муҳиманд. Тарроҳон рангҳоеро, ки мо онҳоро кабуд, сурх ва сабз дар ҳаёти ҳаррӯза тавсиф мекунем, бо рамзҳо ба монанди #fff002, #426215 тавсиф мекунанд. Новобаста аз он ки шумо кадом намуди лоиҳаи рамзгузориро иҷро мекунед, шумо эҳтимолан дар як лаҳза кор бо рангҳоро оғоз мекунед. Ин махсусан муфид хоҳад буд, агар шумо бо истифода аз HTML рамзгузорӣ карданро ёд гиред, чуноне ки бисёр одамон барои тарроҳии веб саҳифаҳо мекунанд.

Рамзи Hex дар рангҳо чӣ маъно дорад?

Рамзи шонздаҳӣ як роҳи муаррифии ранг дар формати RGB тавассути омезиши се арзиш аст. Ин рамзҳои ранг қисми ҷудонашавандаи HTML барои тарроҳии веб мебошанд ва роҳи муҳими муаррифии форматҳои рангро ба таври рақамӣ боқӣ мемонанд.

Рамзҳои ранги шонздаҳӣ бо аломати фунт ё хэштег (#) ва пас аз шаш ҳарф ё рақам оғоз мешаванд. Ду ҳарф/рақамҳои аввал ба сурх, дуи дигар ба сабз ва дуи охирин ба кабуд мувофиқат мекунанд. Қиматҳои ранг дар арзишҳои байни 00 ва FF муайян карда мешаванд.

Рақамҳо ҳангоми аз 1 то 9 будани арзиш истифода мешаванд. Ҳарфҳо истифода мешаванд, вақте ки арзиш аз 9 зиёд аст. масалан:

• A = 10
• B = 11
• C = 12
• D = 13
• E = 14
• F = 15

Рамзҳои ранги шонздаҳӣ ва муодили RGB

Дар хотир нигоҳ доштани баъзе аз маъмултарин рамзҳои рангҳои шонздаҳӣ метавонад ба шумо кӯмак кунад, ки ҳангоми дидани рамзи ранги шонздаҳӣ, на танҳо вақте ки шумо мехоҳед ин рангҳои дақиқро истифода баред, беҳтар пешгӯии рангҳои дигар чӣ гуна хоҳанд буд.

• Сурх = #FF0000 = RGB (255, 0, 0)
• Сабз = # 008000 = RGB (1, 128, 0) в
• Кабуд = #0000FF = RGB (0, 0, 255)
• Сафед = #FFFFFF = RGB (255,255,255)
• Сиёғи ивуор = #FFFFF0 = RGB (255, 255, 240)
• Сиёҳ = #000000 = RGB (0, 0, 0)
• Грей = #808080 = RGB (128, 128, 128)
• Нуқра = #C0C0C0 = RGB (192, 192, 192)
• Зард = #FFFF00 = RGB (255, 255, 0)
• Арғувон = #800080 = RGB (128, 0, 128)
• Норанҷӣ = #FFA500 = RGB (255, 165, 0)
• Бургундия = #800000 = RGB (128, 0, 0)
• Фуксия = #FF00FF = RGB (255, 0, 255)
• Оҳак = #00FF00 = RGB (0, 255, 0)
• Aqua = #00FFFF = RGB (0, 255, 255)
• Тил = #008080 = RGB (0, 128, 128)
• Зайтун = #808000 = RGB (128, 128, 0)
• Кабуди кабуд = #000080 = RGB (0, 0, 128)

Чаро рангҳои вебсайт муҳиманд?

Шояд шумо фикр кунед, ки рангҳо ба шумо таъсир намерасонанд, аммо тибқи тадқиқот, 85% одамон мегӯянд, ки ранг ба маҳсулоти харидаашон таъсири калон дорад. Вай инчунин мегӯяд, вақте ки баъзе ширкатҳо рангҳои тугмаҳои худро иваз мекунанд, онҳо якбора афзоиш ё коҳиши табдили онҳоро мушоҳида карданд.

Масалан, Beamax, як ширкате, ки экранҳои проексияро истеҳсол мекунад, дар муқоиса бо истинодҳои кабуд 53,1% зиёд шудани кликҳоро ба истинодҳои сурх мушоҳида кард.

Рангҳо на танҳо ба кликҳо, балки ба шинохти бренд низ таъсири калон мерасонанд. Тадқиқот оид ба таъсири рӯҳии рангҳо нишон дод, ки рангҳо эътирофи брендро ба ҳисоби миёна 80% зиёд мекунанд. Масалан, вақте ки шумо дар бораи Coca-Cola фикр мекунед, шумо эҳтимол банкаҳои сурхи пурқувватро тасаввур мекунед.

Чӣ тавр интихоб кардани нақшаи ранг барои вебсайтҳо?

Барои муайян кардани он, ки кадом рангҳоро дар вебсайт ё замимаи веби худ интихоб кунед, шумо аввал бояд фаҳмиши хубе дошта бошед, ки чӣ мефурӯшед. Масалан, агар шумо кӯшиш кунед, ки тасвири баландсифат ва баландсифатро ба даст оред, ранге, ки шумо бояд интихоб кунед, арғувон аст. Аммо, агар шумо хоҳед, ки ба аудиторияи васеътар расед, кабуд; Ин ранги оромбахш ва нарм аст, ки барои мавзӯъҳои ҳассос ба монанди саломатӣ ё молия мувофиқ аст.

Мисолҳои дар боло овардашуда аз ҷониби бисёр тадқиқотҳо собит шудаанд. Аммо ранге, ки шумо барои вебсайти шумо интихоб мекунед, аз мураккабии тарроҳии шумо ва намудҳои таркиби рангҳо вобаста аст. Масалан, агар шумо палитраи веб-дизайнро истифода баред, барои ба даст овардани гуногунии кофӣ дар экран ба шумо ҳафт ё зиёда сояҳои он ранг лозим аст. Шумо бояд рангҳоро барои қисмҳои муайяни сайти худ танзим кунед, аз қабили матн, замина, истинодҳо, рангҳои болопӯш, тугмаҳои CTA ва сарлавҳаҳо.

Акнун "Чӣ гуна нақшаи рангро барои вебсайтҳо ва барномаҳои веб интихоб кардан мумкин аст?" Биёед онро зина ба зина дида бароем:

1. Рангҳои асосии худро интихоб кунед.

Беҳтарин роҳи муайян кардани ранги асосӣ ин тафтиш кардани рангҳое мебошад, ки ба рӯҳияи маҳсулот ё хидмати шумо мувофиқат мекунанд.

Дар зер мо баъзе мисолҳоро барои шумо номбар кардем:

• Сурх: Ин маънои ҳаяҷон ё хушбахтиро дорад.
• Норанҷӣ: Ин вақти дӯстона ва фароғатро ифода мекунад.
• Зард маънои некбинӣ ва хушбахтиро дорад.
• Сабз: Ин маънои тароват ва табиатро дорад.
• Кабуд: эътимоднокӣ ва эътимодро ифода мекунад.
• Арғувон: Намояндагии бренди барҷаста бо таърихи сифат.
• Браун: Ин маънои онро дорад, ки маҳсулоти боэътимоде, ки ҳама метавонанд онро истифода баранд.
• Сиёҳ маънои боҳашамат ё зебоиро дорад.
• Сафед: Ба маҳсулоти услубӣ ва барои корбар дӯстона ишора мекунад.

2. Рангҳои иловагии худро интихоб кунед.

Як ё ду ранги иловагиеро интихоб кунед, ки ранги асосии шуморо пурра мекунанд. Инҳо бояд беҳтарин рангҳое бошанд, ки ранги асосии шуморо "хайратангез" мекунанд.

3. Ранги заминаро интихоб кунед.

Ранги заминаро интихоб кунед, ки нисбат ба ранги асосии шумо камтар "хашмгин" бошад.

4. Ранги шрифтро интихоб кунед.

Барои матн дар вебсайти худ ранг интихоб кунед. Дар хотир доред, ки шрифти сиёҳи сахт нодир аст ва тавсия дода намешавад.

Беҳтарин палитраи рангҳои веб барои тарроҳон

Агар шумо рангеро, ки ҷустуҷӯ мекунед, дар коллексияи рангҳои веб Softmedal пайдо карда натавонед, шумо метавонед ба сайтҳои рангҳои алтернативӣ дар зер нигаред:

Интихоби ранг як раванди тӯлонӣ аст ва аксар вақт барои пайдо кардани рангҳои мувофиқ танзими зиёди дақиқро талаб мекунад. Дар ин лаҳза, шумо метавонед бо истифода аз 100% веб-барномаҳои ройгон, ки схемаҳои рангҳои мувофиқро аз сифр эҷод мекунанд, вақтро сарфа кунед.

1. Палеттон

Палеттон як барномаи веб аст, ки ҳама тарроҳони веб бояд донанд. Танҳо ранги тухмиро ворид кунед ва барнома боқимондаро барои шумо иҷро мекунад. Палеттон интихоби боэътимод ва як барномаи олиҷаноб барои онҳое, ки дар бораи тарроҳӣ ва шурӯъкунандагон чизе намедонанд.

2. Ранг бехатар

Агар WCAG дар раванди тарроҳии шумо ягон нигаронӣ дошта бошад, Color Safe беҳтарин воситаи истифода аст. Бо ин веб-барнома, шумо метавонед схемаҳои рангҳоро эҷод кунед, ки мувофиқи дастурҳои WCAG ба таври комил омехта мешаванд ва контрасти бой пешниҳод мекунанд.

Бо истифода аз веб-барномаи Color Safe, шумо боварӣ ҳосил мекунед, ки сайти шумо ба дастурҳои WCAG мувофиқат мекунад ва барои ҳама дастрас аст.

3. Adobe Color CC

Ин яке аз абзорҳои ройгони Adobe мебошад, ки барои истифодаи ҷамъиятӣ сохта шудааст. Ин як веб-барномаи мукаммалест, ки ҳар кас метавонад аз сифр схемаҳои рангӣ созад. Он ба шумо имкон медиҳад, ки аз бисёр моделҳои ранга, ки ба ниёзҳои шумо мувофиқанд, интихоб кунед. Интерфейс дар аввал каме печида ба назар мерасад, аммо вақте ки шумо ба он одат кардаед, шумо набояд дар интихоби рангҳои зебо мушкилот надоред.

4. Муҳити зист

Ambiance, як веб-барномаи ройгон, палитраҳои рангҳои қаблан сохташудаи вебро аз дигар сайтҳои рангаи веб пешниҳод мекунад. Он мисли як барномаи анъанавии веб кор мекунад, ки дар он шумо метавонед рангҳоро дар профили худ захира кунед ва схемаҳои худро аз сифр созед. Ҳамаи ин палитраҳои рангҳои веб аз Colorlovers омадаанд. Интерфейси Ambiance диданро осон мекунад ва диққати бештарро ба мутақобилаи рангҳо барои тарроҳии UI равона мекунад.

5. 0то 255

0to255 айнан як генератори схемаи рангҳо нест, аммо он метавонад ба шумо дар дуруст танзим кардани схемаҳои рангҳои мавҷуда кӯмак кунад. Барномаи веб ба шумо ҳама рангҳои гуногунро нишон медиҳад, то шумо метавонед рангҳоро фавран омехта ва мувофиқ созед.

Агар ба шумо эҷод кардани нақшаи рангҳои қобили истифода душвор бошад, шумо метавонед баъзе аз замимаҳои дар боло зикршударо дида бароед.

Беҳтарин палитрҳои рангҳои веб

Сомонаҳои зерин палитраҳои гуногуни вебро барои таъсири хуб истифода мебаранд. Онҳо бодиққат барои эҳсосоте, ки онҳо ба вуҷуд меоранд ва эҳсосоте, ки ба онҳо мерасонанд, интихоб карда мешаванд.

1. Одопод

Одопод бо палитраи рангҳои якранг тарҳрезӣ шудааст, аммо ҳадаф аз он буд, ки бо градиент дар сафҳаи хонагии худ дилгиркунанда нашавед. Типографияи калон контрасти бузургро пешкаш мекунад. Маълум аст, ки меҳмонон ба куҷо клик кардан мехоҳанд.

2. Чашми Тори

Чашми Tori як намунаи олии нақшаи рангҳои монохромӣ мебошад. Дар ин ҷо, эффектҳои палитраи рангҳои оддӣ, вале пурқувват дар атрофи сояҳои сабз дида мешаванд. Ин нақшаи рангро кашидан одатан осон аст, зеро як сояҳои як ранг қариб ҳамеша бо сояҳои дигари ҳамон ранг кор мекунанд.

3. Маҷмӯаи наҷоти панир

Сурх ранги хеле маъмул барои палитраи рангҳои вебсайт аст. Он метавонад як омехтаи ғании эҳсосотро интиқол диҳад ва онро ҳамаҷониба кунад. Тавре ки шумо дар вебсайти Cheese Survival Kit мебинед, он махсусан ҳангоми истифода дар вояи хурд қавӣ аст. Сурх бо рангҳои бештар бетараф нарм карда мешавад ва кабуд ба CTA ва дигар соҳаҳое, ки тиҷорат мехоҳад таваҷҷӯҳи меҳмононро ҷалб кунад, кӯмак мекунад.

4. Ахрефс

Ahrefs як мисоли вебсайте мебошад, ки палитраи рангҳоро озодона истифода мебарад. Кабуди торик ҳамчун ранги бартаридошта амал мекунад, аммо дар тамоми сайт вариантҳо мавҷуданд. Ҳамин чиз ба рангҳои норанҷӣ, гулобӣ ва фирӯзӣ дахл дорад.

Саволҳои бештар дар бораи рангҳо

1. Ранги беҳтарин барои вебсайт кадом аст?

Кабуд бешубҳа интихоби бехатартарин аст, зеро он ранги маъмултарин бо 35% мебошад. Аммо, агар рақибони шумо ҳама кабудро истифода баранд, он метавонад "фарқият" кардани пешниҳод ва бренди худро дошта бошад. Аммо шумо бояд боварӣ ҳосил кунед, ки шумо меҳмононро саркашӣ накунед.

2. Вебсайт бояд чанд ранг дошта бошад?

Ба назар гиред, ки 51% брендҳо логотипи монохромӣ доранд, 39% ду рангро истифода мебаранд ва танҳо 19% ширкатҳо логотипи пурраи рангро афзалтар медонанд. Аз ин ҷо, шумо мебинед, ки вебсайтҳои дорои рангҳои 1, 2 ва 3 назар ба кӯшиши сохтани вебсайт бо рангҳои рангинкамон бештар маъно доранд. Аммо, брендҳо ба монанди Microsoft ва Google ба бартарии кор бо рангҳои бештар боварӣ доранд, зеро онҳо дар тарҳҳои худ ҳадди аққал 4 ранги сахтро истифода мебаранд.

3. Дар куҷо бояд рангҳоро истифода барам?

Рангҳои чашмгиранда бояд кам истифода шаванд, вагарна таъсири худро гум мекунанд. Ин таъсир бояд дар нуқтаҳои табдилдиҳӣ ба монанди тугмаҳои "Ҳозир харед" бошад.