Kortversjonen
- De fleste sterke logoer bruker én eller to farger, fordi hver ekstra farge gjør logoen vanskeligere å gjengi lite, på trykk og på ulike bakgrunner.
- En god tofarget logo kombinerer mørkt med lyst eller sterkt, så formene er tydelige selv når fargene er vanskelige å skille.
- To farger med lignende lyshet, som mellomrødt og mellomblått, ser ut til å vibrere der de møtes og mister skillet i grått trykk.
- Alle logoer bør også virke i én farge, både svart og hvitt, før farge legges til.
- Logofargene trenger ikke være hele merkevarepaletten. Logoen kan være enkel mens bakgrunnene rundt bærer rikere farger.
På denne siden
De fargekombinasjonene til logoer som virker best kombinerer én mørk farge med én lys eller sterk, som marineblått og gull, skoggrønt og krem eller koksgrått og lime. Lyshetsforskjellen holder formene lesbare i favicon-størrelse og gråtoner, mens fargetonen gir personlighet. Nedenfor får du ti testede par og tre treklanger med hex-koder og kontrastforhold, og en rask måte å teste kombinasjoner selv.
Hvorfor logoer bruker så få farger
En logo er det en bedrift gjengir oftest. Den vises som et nettleserikon på 16 piksler, brodert på en skjorte, stemplet på en kaffekopp og trykt i én farge på en kvittering. Hver ekstra farge er én ting til som kan gå galt et av stedene. Derfor er så mange kjente logoer ensfargede, og de fleste andre tofargede.
Start i svart. Virker formen svart på hvitt og hvitt på svart, kan farge bare hjelpe. Virker den ikke, redder ingen kombinasjon den. Grunnleggende logodesign dekker formen. Her forutsetter vi at den er avklart.
Ti tofargede logokombinasjoner
Koder
#14213d #fca311Kontrast
Føles som
Koder
#1b4332 #f1e9daKontrast
Føles som
Koder
#2d2d2d #c6f432Kontrast
Føles som
Koder
#4a1942 #f7c8d0Kontrast
Føles som
Koder
#6b0f1a #e9d8a6Kontrast
Føles som
Koder
#1c1917 #f97316Kontrast
Føles som
Koder
#5b21b6 #a7f3d0Kontrast
Føles som
Koder
#1d4ed8 #ffffffKontrast
Føles som
Koder
#111111 #e63946Kontrast
Føles som
Koder
#0f766e #ff7f6eKontrast
Føles som
Blågrønt og korall skiller seg ut. Begge har lignende lyshet, så korallfargede bokstaver på et blågrønt merke blir vanskelige å lese og én grå klump i svart-hvitt-trykk. Paret virker fortsatt som separate former, for eksempel et blågrønt symbol ved siden av en korallfarget ordlogo, begge på hvit eller mørk bunn. Tallene kommer fra WCAG-formelen i fargekontrast og tilgjengelighet.
Trefargede logokombinasjoner
Tre farger passer logoer med separate deler: et symbol av fliser, en ordlogo med farget prikk eller et sett former for et barnemerke. Forankre trioen med én mørk farge og velg to med tydelig ulik tone. Fordeling rundt fargesirkelen, som i triadiske farger, holder dem fra å konkurrere.
Logofargekombinasjoner du bør unngå
Unngå
- Mellomrødt og mellomblått som møtes: de virker vibrerende
- Rent rødt og rent grønt sammen: vanskelig for mange fargeblinde
- Gult eller lyse pasteller på hvitt: logoen forsvinner
- Fire eller flere like dominerende farger
- En gradient som eneste logoversjon
Gjør heller
- Gjør én av fargene mye mørkere
- Skill dem etter lyshet, ikke bare tone
- Legg lyse farger på mørk bunn eller gi dem kontur
- Én hovedfarge og én eller to støttefarger
- En flat versjon først, gradienten som variant
Gradientlogoer er et særtilfelle. De kan se flotte ut stort, men får striper på trykk og blir uklare i liten størrelse. Behold en flat én- eller tofargeversjon og bruk gradienten som variant. Gradientlogoer forklarer hvordan du bygger begge.
Slik tester du en logofargekombinasjon
- 1
Trykk den i gråtoner
Gjør logoen grå. Blir de to fargene samme grå, er lyshetsforskjellen for liten.
- 2
Krymp til 16 piksler
Se den som et nettleserikon. Tynne deler i lys farge forsvinner først.
- 3
Snu den
Plasser logoen på den mørkeste merkefargen og på hvitt. Noter hvilken farge som må byttes i hvert tilfelle.
- 4
Sjekk fargeblindhet
Bruk en fargeblindhetssimulator. Rød-grønne par flyter ofte sammen for dem med de vanligste formene for fargeblindhet.
- 5
Legg den på en ekte bakgrunn
En logo ligger sjelden på rent hvitt i bruk. Test på foto, gradient og en urolig strøm.
En ordlogo rett over en livlig bakgrunn kan miste deler av bokstavene.
Samme ordlogo med en bakgrunn som roer og mørkner seg bak den.
Den siste testen er der mange logoer sliter. Plassere en logo på gradientbakgrunn dekker teknikkene. I Gradiently vet en Mark hvor ord og logo står: det roligste området flyttes bak dem og Auto-tekstfarge velger lyst eller mørkt per linje fra Markens egen palett. En enkel tofarget logo kan derfor ligge på en rik bakgrunn uten en boks bak.
Hold logoen enkel og la merkevaren være rik
Logoen trenger ikke bære alle fargene merkevaren bruker. Mange holder den i én eller to farger og legger dybden i bakgrunn, foto og skrift. Skal du velge den større paletten, har ideer til merkefarger 30 utgangspunkt. Kjente gradientlogoer viser hvordan etablerte merkevarer balanserer en enkel logo med uttrykksfull farge.
Spørsmål folk stiller
Hva er den beste fargekombinasjonen til en logo?
Ingen enkeltpar er best, men mørkt med lyst eller sterkt, som marineblått og gull eller skoggrønt og krem, virker nesten overalt fordi formene forblir tydelige.
Hvor mange farger bør en logo ha?
Én eller to for de fleste logoer. Tre kan fungere for logoer med separate deler, men hver ekstra farge gjør trykk og små størrelser vanskeligere.
Hvilke farger bør ikke brukes sammen i en logo?
Unngå farger med lik lyshet som møtes, som mellomrødt og mellomblått. Unngå å stole på rødt mot grønt, som mange fargeblinde ikke kan skille.
Bør en logo fungere i svart og hvitt?
Ja. Den bør virke i én farge, svart og hvitt, før farge legges til, fordi den vil trykkes og stemples i én farge.
Kan en logo være en gradient?
Ja, men behold en flat versjon for små størrelser, broderi og enfarget trykk. Bruk gradienten der den har plass.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår