Nettfargepaletter

Hva er nettfargepaletter?

Farger er veldig viktige for webdesignere og grafiske designere. Designere beskriver fargene vi beskriver som blå, rød og grønn i dagliglivet med koder som #fff002, #426215. Uansett hvilken type kodeprosjekt du gjennomfører, vil du sannsynligvis begynne å jobbe med farger på et tidspunkt. Dette vil være spesielt nyttig hvis du lærer å kode ved hjelp av HTML, slik mange gjør for å designe nettsider.

Hva betyr hex-kode i farger?

Hex-kode er en måte å representere en farge i RGB-format ved å kombinere tre verdier. Disse fargekodene er en integrert del av HTML for webdesign og er fortsatt en viktig måte å representere fargeformater digitalt.

Hex-fargekoder begynner med pundtegnet eller hashtag (#) etterfulgt av seks bokstaver eller tall. De to første bokstavene/tallene tilsvarer rødt, de to neste til grønt og de to siste til blått. Fargeverdier er definert i verdier mellom 00 og FF.

Tall brukes når verdien er 1-9. Bokstaver brukes når verdien er større enn 9. F.eks:

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

Hex fargekoder og RGB-ekvivalenter

Å huske noen av de vanligste hex-fargekodene kan være nyttig for å hjelpe deg å bedre forutsi hvilke andre farger som vil være når du ser hex-fargekoden, ikke bare når du vil bruke de nøyaktige fargene.

• Rød = #FF0000 = RGB (255, 0, 0)
• Grønn = #008000 = RGB (1, 128, 0)v
• Blå = #0000FF = RGB (0, 0, 255)
• Hvit = #FFFFFF = RGB (255 255 255)
• Elfenben = #FFFFF0 = RGB (255, 255, 240)
• Svart = #000000 = RGB (0, 0, 0)
• Grå = #808080 = RGB (128, 128, 128)
• Sølv = #C0C0C0 = RGB (192, 192, 192)
• Gul = #FFFF00 = RGB (255, 255, 0)
• Lilla = #800080 = RGB (128, 0, 128)
• Oransje = #FFA500 = RGB (255, 165, 0)
• Burgund = #800000 = RGB (128, 0, 0)
• Fuksia = #FF00FF = RGB (255, 0, 255)
• Kalk = #00FF00 = RGB (0, 255, 0)
• Aqua = #00FFFF = RGB (0, 255, 255)
• Blågrønt = #008080 = RGB (0, 128, 128)
• Oliven = #808000 = RGB (128, 128, 0)
• Marineblå = #000080 = RGB (0, 0, 128)

Hvorfor er nettsidefarger viktige?

Du tror kanskje at du ikke blir påvirket av farger, men ifølge en studie sier 85 % av folk at farge har stor innvirkning på produktet de kjøper. Han sier også at når noen selskaper endrer knappefarger, har de lagt merke til en kraftig økning eller nedgang i konverteringene.

For eksempel la Beamax, et selskap som produserer projeksjonsskjermer, merke til en massiv 53,1 % økning i klikk på røde lenker sammenlignet med blå lenker.

Farger har en enorm innvirkning ikke bare på klikk, men også på merkevaregjenkjenning. En studie om den mentale påvirkningen av farger fant at farger øker merkevaregjenkjenningen med gjennomsnittlig 80 %. For eksempel, når du tenker på Coca-Cola, vil du sannsynligvis forestille deg livlige røde bokser.

Hvordan velge et fargevalg for nettsteder?

For å bestemme hvilke farger du bør velge på nettsiden eller nettapplikasjonen din, må du først ha en god forståelse av hva du selger. For eksempel, hvis du prøver å oppnå et bilde av høyere kvalitet, er fargen du bør velge lilla. Men hvis du ønsker å nå et bredere publikum, blå; Det er en betryggende og myk farge som egner seg godt for mer sensitive temaer som helse eller økonomi.

Eksemplene ovenfor er bevist av mange studier. Men fargen du velger for nettstedet ditt avhenger av kompleksiteten til designet og typene fargekombinasjoner. For eksempel, hvis du bruker en monokrom webdesignpalett, kan det hende du trenger syv eller flere nyanser av den fargen for å få nok variasjon på skjermen. Du må angi farger for visse deler av nettstedet ditt, for eksempel tekst, bakgrunner, lenker, svevefarger, CTA-knapper og overskrifter.

Nå "Hvordan velge et fargeskjema for nettsteder og nettapplikasjoner?" La oss ta en titt på det trinn for trinn:

1. Velg primærfargene dine.

Den beste måten å bestemme seg for en primærfarge på er å undersøke fargene som matcher stemningen til produktet eller tjenesten.

Nedenfor har vi listet opp noen eksempler for deg:

• Rød: Det betyr spenning eller lykke.
• Oransje: Det angir en vennlig, morsom tid.
• Gult betyr optimisme og lykke.
• Grønn: Det betyr friskhet og natur.
• Blå: står for pålitelighet og sikkerhet.
• Lilla: Representerer et fremtredende merke med en historie av kvalitet.
• Brun: Det betyr et pålitelig produkt som kan brukes av alle.
• Svart betyr luksus eller eleganse.
• Hvit: Refererer til stilige, brukervennlige produkter.

2. Velg ekstra farger.

Velg én eller to ekstra farger som utfyller hovedfargen din. Dette bør ideelt sett være fargene som gjør hovedfargen din "fantastisk".

3. Velg en bakgrunnsfarge.

Velg en bakgrunnsfarge som vil være mindre "aggressiv" enn din primærfarge.

4. Velg skriftfarge.

Velg en farge for teksten på nettstedet ditt. Merk at en solid svart skrift er sjelden og anbefales ikke.

De beste nettfargepalettene for designere

Hvis du ikke finner fargen du leter etter i Softmedals nettfargepaletter, kan du ta en titt på de alternative fargesidene nedenfor:

Fargevalg er en lang prosess og krever ofte mye finjustering for å finne de riktige fargene. På dette tidspunktet kan du spare tid ved å bruke 100 % gratis nettapplikasjoner som lager de relevante fargevalgene fra bunnen av.

1. Paletton

Paletton er en nettapplikasjon som alle webdesignere bør kjenne til. Bare skriv inn en frøfarge og appen gjør resten for deg. Paletton er et pålitelig valg og en flott nettapp for de som ikke kan noe om design og for nybegynnere.

2. Fargesikker

Hvis WCAG er et problem i designprosessen din, er Color Safe det beste verktøyet å bruke. Med denne nettapplikasjonen kan du lage fargeskjemaer som blander seg perfekt og gir rik kontrast i henhold til WCAG-retningslinjene.

Ved å bruke Color Safe-nettappen sikrer du at nettstedet ditt overholder WCAG-retningslinjene og er fullt tilgjengelig for alle.

3. Adobe Color CC

Det er et av de gratis Adobe-verktøyene som er laget for offentlig bruk. Det er en forseggjort nettapplikasjon der alle kan lage fargeskjemaer fra bunnen av. Den lar deg velge mellom mange forskjellige fargemodeller som passer best til dine behov. Grensesnittet kan virke litt forvirrende i begynnelsen, men når du først har blitt vant til det, bør du ikke ha noe problem med å velge vakre fargealternativer.

4. Stemning

Ambiance, en gratis nettapplikasjon, tilbyr ferdiglagde nettfargepaletter fra andre fargesider på nettet. Den fungerer som en tradisjonell nettapp hvor du kan lagre farger på profilen din og lage dine egne oppsett fra bunnen av. Alle disse nettfargepalettene kommer fra Colorlovers. Ambiance-grensesnittet gjør surfing enklere og setter mer fokus på fargesamspill for UI-design.

5. 0 til 255

0to255 er ikke akkurat en fargeskjemagenerator, men den kan hjelpe deg med å finjustere eksisterende fargeskjemaer. Nettappen viser deg alle de forskjellige fargene slik at du kan mikse og matche farger umiddelbart.

Hvis du synes det er vanskelig å lage et brukbart fargeskjema, kan du gå gjennom noen av applikasjonene ovenfor.

De beste nettfargepalettene

Følgende nettsteder bruker en rekke nettfargepaletter med stor effekt. De er nøye utvalgt for følelsene de fremkaller og følelsene de formidler.

1. Odopod

Odopod ble designet med en monoton fargepalett, men hadde som mål å unngå å se kjedelig ut med en gradient på hjemmesiden. Stor typografi gir stor kontrast. Det er tydelig hvor besøkende vil at de skal klikke.

2. Toris øye

Tori's Eye er et godt eksempel på et monokromt fargeskjema. Her sees effekten av en enkel, men kraftig fargepalett sentrert rundt grønne nyanser. Denne fargeskalaen er vanligvis lett å ta av, da en nyanse av en farge nesten alltid vil fungere med en annen nyanse av samme farge.

3. Ost Survival Kit

Rød er en ekstremt populær farge for en nettsides fargepalett. Den kan formidle en rik blanding av følelser, noe som gjør den allsidig. Som du kan se på nettstedet Cheese Survival Kit, er det spesielt potent når det brukes i små doser. Rødt mykes opp av mer nøytrale farger, og blått hjelper med CTAer og andre områder hvor virksomheten ønsker å trekke besøkendes oppmerksomhet.

4. Ahrefs

Ahrefs er et eksempel på en nettside som bruker fargepaletten fritt. Mørk blå fungerer som den dominerende fargen, men variasjoner finnes over hele området. Det samme gjelder fargene oransje, rosa og turkis.

De vanligste spørsmålene om farger

1. Hva er den beste fargen for en nettside?

Blå er definitivt det sikreste valget siden det er den mest populære fargen med 35 %. Men hvis konkurrentene dine alle bruker blått, kan det være fornuftig å "differensiere" tilbudet og merkevaren. Men du må sørge for at du ikke overvelder besøkende.

2. Hvor mange farger skal nettsiden ha?

Tenk på at 51 % av merkene har monokrome logoer, 39 % bruker to farger, og bare 19 % av bedriftene foretrekker fullfargelogoer. Herfra kan du se at nettsider med 1, 2 og 3 farger gir mer mening enn å prøve å lage en nettside med regnbuefarger. Merker som Microsoft og Google tror imidlertid på fordelen med å jobbe med flere farger, da de bruker minst 4 solide farger i designene sine.

3. Hvor skal jeg bruke fargene?

Iøynefallende farger bør brukes med måte, ellers vil de miste effekten. Denne effekten må være i konverteringspunkter som "Kjøp nå"-knapper.