Palet Warna Wéb

Naon palette warna wéb?

Warna penting pisan pikeun desainer wéb sareng desainer grafis. Désainer ngajelaskeun warna anu urang terangkeun salaku bulao, beureum sareng héjo dina kahirupan sapopoé kalayan kode sapertos #fff002, #426215. Henteu janten masalah naon jinis proyék coding anu anjeun lakukeun, anjeun sigana bakal ngamimitian damel sareng warna dina sababaraha waktos. Ieu bakal utamana mantuan lamun diajar kode maké HTML, sakumaha loba jalma ngalakukeun pikeun ngarancang kaca web.

Naon hartosna kode Hex dina warna?

Kode Hex mangrupakeun cara pikeun ngagambarkeun warna dina format RGB ku ngagabungkeun tilu nilai. Kode warna ieu mangrupa bagian integral HTML keur desain web tur tetep cara penting pikeun ngagambarkeun format warna digital.

Kode warna hex dimimitian ku tanda pon atawa hashtag (#) dituturkeun ku genep hurup atawa angka. Dua hurup/angka kahiji pakait beureum, dua hareup héjo sarta dua panungtungan biru. Nilai warna ditetepkeun dina nilai antara 00 sareng FF.

Angka dianggo nalika nilaina 1-9. Hurup dianggo upami nilaina langkung ageung tibatan 9. Misalna:

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

Kode warna Hex sareng sarimbag RGB

Ngapalkeun sababaraha kode warna hex anu paling umum tiasa ngabantosan anjeun pikeun ngaduga warna anu sanés nalika anjeun ningali kode warna hex, sanés ngan ukur nalika anjeun hoyong nganggo warna anu tepat.

• Beureum = #FF0000 = RGB (255, 0, 0)
• Héjo = #008000 = RGB (1, 128, 0)v
• Bulao = #0000FF = RGB (0, 0, 255)
• Bodas = #FFFFFF = RGB (255.255.255)
• Gading = #FFFFF0 = RGB (255, 255, 240)
• Hideung = #000000 = RGB (0, 0, 0)
• Kulawu = #808080 = RGB (128, 128, 128)
• Pérak = #C0C0C0 = RGB (192, 192, 192)
• Konéng = #FFFF00 = RGB (255, 255, 0)
• Ungu = #800080 = RGB (128, 0, 128)
• Oranyeu = #FFA500 = RGB (255, 165, 0)
• Burgundy = #800000 = RGB (128, 0, 0)
• Fuchsia = #FF00FF = RGB (255, 0, 255)
• Jeruk Nipis = #00FF00 = RGB (0, 255, 0)
• Aqua = #00FFFF = RGB (0, 255, 255)
• Teal = #008080 = RGB (0, 128, 128)
• Zaitun = #808000 = RGB (128, 128, 0)
• Biru Angkatan Laut = #000080 = RGB (0, 0, 128)

Naha warna halaman wéb penting?

Anjeun panginten panginten anjeun henteu kapangaruhan ku warna, tapi dumasar kana panilitian, 85% jalma nyarios yén warna ngagaduhan dampak anu ageung kana produk anu aranjeunna mésér. Anjeunna ogé nyebatkeun yén nalika sababaraha perusahaan ngarobih warna tombolna, aranjeunna ningali kanaékan atanapi panurunan anu seukeut dina konvérsina.

Contona, Beamax, hiji parusahaan nu manufactures layar proyéksi, noticed ngaronjat 53,1% masif di clicks on Tumbu beureum dibandingkeun Tumbu biru.

Warna boga dampak badag teu ukur dina clicks tapi ogé dina pangakuan brand. Panaliti ngeunaan dampak mental warna mendakan yén warna ningkatkeun pangakuan merek rata-rata 80%. Contona, mun anjeun mikir ngeunaan Coca-Cola, Anjeun meureun bakal ngabayangkeun kaléng beureum vibrant.

Kumaha carana milih skéma warna pikeun situs wéb?

Pikeun mutuskeun warna anu anjeun kedah pilih dina halaman wéb atanapi aplikasi wéb anjeun, anjeun kedah gaduh pamahaman anu hadé ngeunaan naon anu anjeun jual. Contona, upami anjeun nyobian pikeun ngahontal kualitas luhur, gambar high-end, warna nu kudu dipilih nyaéta wungu. Sanajan kitu, lamun hayang ngahontal panongton lega, biru; Ieu mangrupikeun warna anu ngajamin sareng lemes anu cocog pikeun topik anu langkung sénsitip sapertos kaséhatan atanapi kauangan.

Conto di luhur geus dibuktikeun ku loba studi. Tapi warna anu anjeun pilih pikeun halaman wéb anjeun gumantung kana pajeulitna desain anjeun sareng jinis kombinasi warna. Salaku conto, upami anjeun nganggo palet desain wéb monochrome, anjeun panginten peryogi tujuh atanapi langkung nuansa warna éta pikeun kéngingkeun variasi anu cekap dina layar. Anjeun kedah nyetél warna pikeun sababaraha bagian tina situs anjeun, sapertos téks, latar, tautan, warna hover, tombol CTA, sareng lulugu.

Ayeuna "Kumaha carana milih skéma warna pikeun situs wéb sareng aplikasi wéb?" Hayu urang nempo eta step by step:

1. Pilih warna primér Anjeun.

Cara anu pangsaéna pikeun mutuskeun warna primér nyaéta mariksa warna anu cocog sareng wanda produk atanapi jasa anjeun.

Di handap ieu kami parantos daptar sababaraha conto pikeun anjeun:

• Beureum: Ieu hartina pikagumbiraeun atawa kabagjaan.
• Jeruk: Ieu ngalambangkeun ramah, waktos senang.
• Konéng hartina optimisme jeung kabagjaan.
• Héjo: Ieu hartina freshness jeung alam.
• Biru: nangtung pikeun reliabilitas sareng jaminan.
• Ungu: Ngawakilan merek anu dibédakeun kalayan sajarah kualitas.
• Coklat: Éta hartosna produk anu tiasa dipercaya anu tiasa dianggo ku sadayana.
• Hideung hartina méwah atawa elegance.
• Bodas: Ngarujuk kana produk anu stylish, ramah-pamaké.

2. Pilih kelir tambahan Anjeun.

Pilih hiji atawa dua kelir tambahan nu ngalengkepan warna utama Anjeun. Ieu kedahna janten warna anu ngajantenkeun warna utama anjeun "stunning".

3. Pilih warna latar.

Pilih warna latar anu kirang "agrésif" tibatan warna primér anjeun.

4. Pilih warna font.

Pilih warna pikeun téks dina halaman wéb anjeun. Catet yén font hideung padet jarang sareng henteu disarankeun.

Palet warna wéb pangsaéna pikeun désainer

Upami anjeun henteu mendakan warna anu anjeun milarian dina koleksi palet warna wéb Softmedal, anjeun tiasa ningali situs warna alternatif di handap ieu:

Pilihan warna mangrupikeun prosés anu panjang sareng sering ngabutuhkeun seueur panyesuaian pikeun milarian warna anu pas. Dina titik ieu, anjeun tiasa ngahémat waktos nganggo 100% aplikasi wéb gratis anu nyiptakeun skéma warna anu relevan ti mimiti.

1. Paletton

Paletton mangrupikeun aplikasi wéb anu kedah terang sadayana desainer wéb. Cukup lebetkeun warna siki sareng aplikasina ngalakukeun sésana pikeun anjeun. Paletton mangrupikeun pilihan anu tiasa dipercaya sareng aplikasi wéb anu saé pikeun anu teu terang nanaon ngeunaan desain sareng pikeun pamula.

2. Warna Aman

Upami WCAG mangrupikeun perhatian dina prosés desain anjeun, Warna Aman mangrupikeun alat anu pangsaéna pikeun dianggo. Kalayan aplikasi wéb ieu, anjeun tiasa nyiptakeun skéma warna anu nyampur sampurna sareng nawiskeun kontras anu saé dumasar kana pedoman WCAG.

Ku ngagunakeun aplikasi wéb Color Safe, anjeun mastikeun yén situs anjeun saluyu sareng pedoman WCAG sareng tiasa diaksés sapinuhna ku sadayana.

3. Adobe Warna CC

Ieu mangrupikeun salah sahiji alat Adobe gratis anu diciptakeun pikeun panggunaan umum. Éta mangrupikeun aplikasi wéb anu rumit dimana saha waé tiasa nyiptakeun skéma warna ti mimiti. Éta ngamungkinkeun anjeun milih tina seueur model warna anu paling cocog sareng kabutuhan anjeun. Antarbeungeutna sigana rada ngabingungkeun dina mimitina, tapi sakali anjeun biasa, anjeun moal ngagaduhan masalah milih pilihan warna anu saé.

4. Ambiance

Ambiance, aplikasi wéb gratis, nawiskeun palet warna wéb anu tos didamel tina situs warna sanés dina wéb. Gawéna sapertos aplikasi wéb tradisional dimana anjeun tiasa nyimpen warna kana profil anjeun sareng nyiptakeun skéma anjeun nyalira ti mimiti. Sadaya palet warna wéb ieu asalna tina Colorlovers. Antarbeungeut Ambiance ngagampangkeun browsing sareng langkung fokus kana interplay warna pikeun desain UI.

5. 0nepi ka255

0to255 sanés mangrupikeun generator skéma warna, tapi éta tiasa ngabantosan anjeun nyaluyukeun skéma warna anu tos aya. Aplikasi wéb nunjukkeun anjeun sadaya warna anu béda-béda supados anjeun tiasa nyampur sareng cocog warna sacara instan.

Upami anjeun sesah nyiptakeun skéma warna anu tiasa dianggo, anjeun tiasa marios sababaraha aplikasi di luhur.

Palet warna wéb pangsaéna

Situs-situs di handap ieu ngagunakeun rupa-rupa palét warna wéb pikeun pangaruh anu saé. Éta sacara saksama dipilih pikeun émosi anu dibangkitkeun sareng émosi anu ditimbulkeunana.

1. Odopod

Odopod dirarancang nganggo palét warna anu monoton, tapi tujuanana pikeun nyegah pikaboseneun kalayan gradién dina halaman utama na. Tipografi ageung nawiskeun kontras anu saé. Éta jelas dimana sémah hoyong aranjeunna klik.

2. Panon Tori

Tori's Eye mangrupikeun conto anu hadé tina skéma warna monochrome. Di dieu, efek tina palette warna basajan acan kuat dipuseurkeun di sabudeureun nuansa héjo katempo. Skéma warna ieu biasana gampang ditarik, sabab hiji warna tina hiji warna ampir sok dianggo sareng sahadé warna anu sami.

3. Kéju survival Kit

Beureum mangrupikeun warna anu populer pisan pikeun palet warna halaman wéb. Bisa nepikeun campuran euyeub emosi, sahingga serbaguna. Sakumaha anjeun tiasa tingali dina ramatloka Cheese Survival Kit, éta utamana kuat lamun dipaké dina dosis leutik. Beureum dilembutkeun ku warna anu langkung nétral, sareng bulao ngabantosan CTA sareng daérah sanés dimana usahana hoyong narik perhatian sémah.

4. Ahrefs

Ahrefs mangrupikeun conto halaman wéb anu nganggo palette warna sacara bébas. Biru poék tindakan salaku warna utama, tapi variasi aya di sakuliah situs. Sami lumaku pikeun warna oranyeu, pink jeung pirus.

Patarosan anu paling sering ditaroskeun ngeunaan warna

1. Naon warna pangalusna pikeun ramatloka a?

Biru mangrupikeun pilihan anu paling aman sabab éta mangrupikeun warna anu paling populér kalayan 35%. Nanging, upami pesaing anjeun sadayana nganggo warna biru, éta panginten tiasa "ngabédakeun" tawaran sareng merek anjeun. Tapi anjeun kedah mastikeun yén anjeun henteu ngaganggu sémah.

2. Sabaraha kelir kudu ramatloka boga?

Pertimbangkeun yén 51% merek gaduh logo monochrome, 39% nganggo dua warna, sareng ngan 19% perusahaan langkung milih logo warna pinuh. Ti dieu, anjeun tiasa ningali yén situs wéb nganggo warna 1, 2 sareng 3 langkung raos tibatan nyobian ngadamel halaman wéb nganggo warna katumbiri. Nanging, merek sapertos Microsoft sareng Google percanten kana kauntungan tina damel sareng langkung seueur warna sabab ngagunakeun sahenteuna 4 warna padet dina desainna.

3. Dimana abdi kedah nganggo kelir?

Warna panon-catching kudu dipaké sparingly, disebutkeun maranéhna bakal leungit pangaruh maranéhanana. Pangaruh ieu kedah aya dina titik konvérsi sapertos tombol "Beuli Ayeuna".