Urubuga Palettes

Niki palettes y'urubuga?

Amabara ni ingenzi cyane kubashushanya urubuga no gushushanya. Abashushanya basobanura amabara dusobanura nkubururu, umutuku nicyatsi mubuzima bwa buri munsi hamwe na code nka # fff002, # 426215. Ntakibazo cyubwoko bwa coding umushinga ukora, birashoboka ko uzatangira gukorana namabara mugihe runaka. Ibi bizafasha cyane cyane niba wize kode ukoresheje HTML, nkuko abantu benshi babikora mugushushanya paji.

Kode ya Hex isobanura iki mumabara?

Hex code nuburyo bwo kwerekana ibara muburyo bwa RGB muguhuza indangagaciro eshatu. Ibara ryamabara nigice cyingenzi cya HTML mugushushanya urubuga kandi bikomeza kuba inzira yingenzi yo kwerekana imiterere yamabara.

Hex code code itangirana nikimenyetso cya pound cyangwa hashtag (#) ikurikiwe ninyuguti esheshatu cyangwa imibare. Inyuguti ebyiri zibanza / imibare ihuye numutuku, ibiri ikurikiraho icyatsi naho bibiri byanyuma kubururu. Indangagaciro zamabara zisobanurwa mubiciro hagati ya 00 na FF.

Imibare ikoreshwa mugihe agaciro ari 1-9. Inyuguti zikoreshwa mugihe agaciro karenze 9. Urugero:

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

Hex code code hamwe na RGB bihwanye

Gufata mu mutwe amwe mumabara ya kode ya hex arashobora kugufasha kugufasha kumenya neza andi mabara azaba ubonye code ya hex, ntabwo ari mugihe ushaka gukoresha ayo mabara.

• Umutuku = # FF0000 = RGB (255, 0, 0)
• Icyatsi = # 008000 = RGB (1, 128, 0) v
• Ubururu = # 0000FF = RGB (0, 0, 255)
• Umweru = #FFFFFF = RGB (255,255,255)
• Ivory = # FFFFF0 = RGB (255, 255, 240)
• Umukara = # 000000 = RGB (0, 0, 0)
• Icyatsi = # 808080 = RGB (128, 128, 128)
• Ifeza = # C0C0C0 = RGB (192, 192, 192)
• Umuhondo = # FFFF00 = RGB (255, 255, 0)
• Umutuku = # 800080 = RGB (128, 0, 128)
• Icunga = # FFA500 = RGB (255, 165, 0)
• Burgundy = # 800000 = RGB (128, 0, 0)
• Fuchsia = # FF00FF = RGB (255, 0, 255)
• Lime = # 00FF00 = RGB (0, 255, 0)
• Aqua = # 00FFFF = RGB (0, 255, 255)
• Icyayi = # 008080 = RGB (0, 128, 128)
• Olive = # 808000 = RGB (128, 128, 0)
• Navy Ubururu Navy = # 000080 = RGB (0, 0, 128)

Kuki amabara y'urubuga ari ngombwa?

Urashobora gutekereza ko udatewe namabara, ariko ukurikije ubushakashatsi, 85% byabantu bavuga ko ibara rigira ingaruka zikomeye kubicuruzwa baguze. Avuga kandi ko iyo ibigo bimwe bihinduye amabara ya buto, babonye ubwiyongere bukabije cyangwa kugabanuka mubyo bahinduye.

Kurugero, Beamax, isosiyete ikora ecran ya projection, yabonye ubwiyongere bukabije bwa 53.1% mukanda kumirongo itukura ugereranije nubururu.

Amabara agira ingaruka nini kanda gusa ariko no kumenyekanisha ikirango. Ubushakashatsi ku ngaruka zo mumitekerereze yamabara bwerekanye ko amabara yongerera kumenyekanisha ibicuruzwa ku kigereranyo cya 80%. Kurugero, mugihe utekereje kuri Coca-Cola, birashoboka ko uzatekereza amabati atukura.

Nigute ushobora guhitamo ibara ryurubuga?

Kugirango uhitemo amabara ugomba guhitamo kurubuga rwawe cyangwa porogaramu y'urubuga, ugomba kubanza kumva neza ibyo ugurisha. Kurugero, niba ugerageza kugera kurwego rwohejuru, ishusho-yohejuru, ibara ugomba guhitamo ni umutuku. Ariko, niba ushaka kugera kubantu benshi, ubururu; Nibara ryizeza kandi ryoroshye rihuye neza ningingo zoroshye nkubuzima cyangwa imari.

Ingero zavuzwe haruguru zagaragajwe nubushakashatsi bwinshi. Ariko ibara wahisemo kurubuga rwawe biterwa nuburyo bugoye bwo gushushanya hamwe nubwoko bwamabara. Kurugero, niba ukoresha monochrome y'urubuga palette, urashobora gukenera igicucu kirindwi cyangwa kirenga kugirango ubone ibara ryinshi kuri ecran. Ugomba gushiraho amabara kubice bimwe byurubuga rwawe, nkinyandiko, imiterere, amahuza, amabara azenguruka, buto ya CTA, hamwe numutwe.

Noneho "Nigute ushobora guhitamo ibara ryurubuga na porogaramu zurubuga?" Reka turebere hamwe intambwe ku yindi:

1. Hitamo amabara yawe y'ibanze.

Inzira nziza yo guhitamo ibara ryibanze ni ugusuzuma amabara ahuye nikirere cyibicuruzwa byawe cyangwa serivisi.

Hano hepfo twerekanye ingero zimwe kuri wewe:

• Umutuku: Bisobanura umunezero cyangwa umunezero.
• Icunga: Risobanura igihe cyinshuti, gishimishije.
• Umuhondo bisobanura ibyiringiro n'ibyishimo.
• Icyatsi: Bisobanura gushya na kamere.
• Ubururu: bisobanura kwizerwa no kwizerwa.
• Umutuku: Yerekana ikirango cyihariye gifite amateka yubuziranenge.
• Umuhondo: Bisobanura ibicuruzwa byizewe bishobora gukoreshwa nabantu bose.
• Umukara bisobanura kwinezeza cyangwa ubwiza.
• Cyera: Yerekeza kuri stilish, abakoresha ibicuruzwa.

2. Hitamo amabara yawe yinyongera.

Hitamo ibara rimwe cyangwa bibiri byuzuza ibara ryibanze. Byaba byiza bibaye amabara atuma ibara ryanyu nyamukuru "ritangaje".

3. Hitamo ibara ry'inyuma.

Hitamo ibara ryinyuma rizaba rito "ubukana" kuruta ibara ryibanze.

4. Hitamo ibara ryimyandikire.

Hitamo ibara ryanditse kurubuga rwawe. Menya ko imyandikire yumukara idasanzwe kandi idasanzwe.

Urubuga rwiza rwibara palettes kubashushanya

Niba udashobora kubona ibara urimo gushakisha muri Softmedal y'urubuga rwamabara palettes, urashobora kureba ahandi hantu h'amabara hepfo:

Guhitamo amabara ninzira ndende kandi akenshi bisaba byinshi-gutunganya neza kugirango ubone amabara meza. Kuri iyi ngingo, urashobora kubika umwanya ukoresheje 100% byurubuga rwubusa rukora ibishushanyo mbonera byamabara kuva kera.

1. Paletton

Paletton ni porogaramu y'urubuga abashushanya urubuga bose bagomba kumenya. Gusa andika ibara ryimbuto hanyuma porogaramu igukorere ibisigaye. Paletton ni amahitamo yizewe hamwe na porogaramu ikomeye y'urubuga kubantu batazi ibijyanye no gushushanya no kubatangiye.

2. Ibara rifite umutekano

Niba WCAG hari impungenge mubikorwa byawe byo gushushanya, Ibara ryizewe nigikoresho cyiza cyo gukoresha. Hamwe niyi porogaramu y'urubuga, urashobora gukora ibara ryibara rivanze neza kandi ritanga itandukaniro rikomeye ukurikije amabwiriza ya WCAG.

Ukoresheje porogaramu y'urubuga rutekanye, uremeza ko urubuga rwawe rwujuje amabwiriza ya WCAG kandi rushobora kugera kuri buri wese.

3. Ibara rya Adobe CC

Nibimwe mubikoresho bya Adobe byubusa byakozwe kugirango bikoreshwe rusange. Nibisobanuro birambuye byurubuga aho umuntu wese ashobora gukora ibara ryamabara kuva kera. Iragufasha guhitamo muburyo butandukanye bwamabara ahuye neza nibyo ukeneye. Imigaragarire irashobora gusa nkaho iteye urujijo, ariko iyo umaze kumenyera ntugomba kugira ikibazo cyo guhitamo amabara meza.

4. Ambiance

Ambiance, porogaramu yubuntu yubuntu, itanga urubuga rwambere rwamabara palettes kurundi rubuga rwamabara kurubuga. Ikora nka porogaramu gakondo y'urubuga aho ushobora kubika amabara kumwirondoro wawe no gukora gahunda zawe kuva kera. Izi web zose zamabara palettes ziva muri Colorlovers. Imigaragarire ya Ambiance ituma gushakisha byoroha kandi igashyira cyane kwibanda kumabara kubikorwa bya UI.

5. 0to255

0to255 ntabwo ari ibara ryerekana ibara, ariko irashobora kugufasha guhuza neza ibara risanzweho. Porogaramu y'urubuga irakwereka amabara atandukanye kugirango ubashe kuvanga no guhuza amabara ako kanya.

Niba ubona bigoye gukora ibara ryakoreshwa, urashobora gusubiramo bimwe mubisabwa hejuru.

Urubuga rwiza rwibara palettes

Imbuga zikurikira zikoresha amabara atandukanye y'urubuga palettes kugirango bigerweho neza. Batoranijwe neza kumarangamutima bakangura n'amarangamutima batanga.

1. Odopod

Odopod yashushanyijeho ibara ryibara rimwe, ariko igamije kwirinda kurambirwa hamwe na gradient kurupapuro rwayo. Imyandikire nini itanga itandukaniro rikomeye. Biragaragara aho abashyitsi bashaka ko bakanda.

Ijisho rya Tori

Ijisho rya Tori ni urugero rwiza rwimiterere ya monochrome. Hano, ingaruka zoroshye ariko zifite imbaraga palette zegeranye igicucu cyicyatsi kiboneka. Igishushanyo cyamabara mubisanzwe biroroshye gukuramo, nkigicucu kimwe cyibara rimwe kizahora gikorana nindi gicucu cyibara rimwe.

3. Igikoresho cyo Kurokoka cya foromaje

Umutuku ni ibara rikunzwe cyane kurubuga rwibara palette. Irashobora kwerekana ivangavanga ryinshi ryamarangamutima, bigatuma rihinduka. Nkuko mubibona kurubuga rwa foromaje Survival Kit, birakomeye cyane iyo bikoreshejwe muke. Umutuku worohewe namabara menshi atabogamye, kandi ubururu bufasha hamwe na CTAs hamwe nubucuruzi bushaka gukurura abashyitsi.

4. Ahrefs

Ahrefs ni urugero rwurubuga rukoresha ibara palette kubuntu. Ubururu bwijimye bukora nkibara ryiganje, ariko itandukaniro rirahari kurubuga. Kimwe kijya kumabara orange, umutuku na turquoise.

Byinshi mubazwa ibibazo bijyanye namabara

1. Ni irihe bara ryiza kurubuga?

Ubururu rwose nuguhitamo kwizewe kuko aribara ryamamaye cyane hamwe na 35%. Ariko, niba abanywanyi bawe bose bakoresha ubururu, birashobora kumvikana "gutandukanya" ibyo utanga nibirango. Ariko ugomba kumenya neza ko utarenze abashyitsi.

2. Urubuga rugomba kugira amabara angahe?

Tekereza ko 51% yibirango bifite ibirango bya monochrome, 39% bakoresha amabara abiri, naho 19% gusa byamasosiyete akunda ibirango byuzuye. Kuva hano, urashobora kubona ko imbuga zifite amabara ya 1, 2 na 3 zumvikana kuruta kugerageza gukora urubuga rufite amabara y'umukororombya. Ariko, ibirango nka Microsoft na Google bizera ibyiza byo gukorana namabara menshi kuko bakoresha byibura amabara 4 akomeye mubishushanyo byabo.

3. Nakoresha he amabara?

Amabara akurura amaso agomba gukoreshwa cyane, bitabaye ibyo akabura ingaruka. Ingaruka igomba kuba mumwanya wo guhindura nka "Gura Noneho" buto.