Kortversionen
- De flesta starka logotyper använder en eller två färger, eftersom varje extra färg gör märket svårare att återge litet, i tryck och på varierande bakgrunder.
- En bra tvåfärgad logotyp parar en mörk färg med en ljus eller klar, så att formerna förblir tydliga även när färgerna är svåra att skilja åt.
- Två färger med liknande ljushet, som ett medelrött och ett mellanblått, verkar vibrera där de möts och tappar sin kant när de skrivs ut i grått.
- Varje logotyp ska också fungera i en enda färg, i svart och i vitt, innan någon färg läggs till.
- En logotyps färger behöver inte vara hela varumärkespaletten: märket kan förbli enkelt medan bakgrunderna runt det bär den rikare färgen.
På den här sidan
De färgkombinationer för logotyper som fungerar bäst parar en mörk färg med en ljus eller klar, som marinblått och guld, skogsgrönt och grädde eller kol och lime. Skillnaden i ljushet håller formerna läsbara i favicon-storlek och i gråskala, medan skillnaden i nyans ger märket dess personlighet. Nedan finns tio testade par och tre trior med hex-koder och kontrastvärden, och sedan ett snabbt sätt att kontrollera vilken kombination som helst själv.
Därför använder logotyper så få färger
En logotyp är det mest reproducerade ett företag äger. Den syns som en webbläsarikon på 16 pixlar, broderad på en skjorta, stämplad på en kaffekopp och tryckt i en färg på ett kvitto. Varje färg du lägger till är en sak till som kan gå fel på något av de ställena. Det är därför så många välkända märken är enfärgade, och de flesta andra tvåfärgade.
Börja i svart. Om formen fungerar i svart på vitt och vitt på svart kan färg bara hjälpa. Om den inte gör det räddar ingen kombination den. Grunderna i logotypdesign tar upp formsidan; den här artikeln utgår från att formen är klar.
Tio tvåfärgade logotypkombinationer
Koder
#14213d #fca311Kontrast
Känns som
Koder
#1b4332 #f1e9daKontrast
Känns som
Koder
#2d2d2d #c6f432Kontrast
Känns som
Koder
#4a1942 #f7c8d0Kontrast
Känns som
Koder
#6b0f1a #e9d8a6Kontrast
Känns som
Koder
#1c1917 #f97316Kontrast
Känns som
Koder
#5b21b6 #a7f3d0Kontrast
Känns som
Koder
#1d4ed8 #ffffffKontrast
Känns som
Koder
#111111 #e63946Kontrast
Känns som
Koder
#0f766e #ff7f6eKontrast
Känns som
Lägg märke till att blågrönt och korall är udda. Båda färgerna har liknande ljushet, så korallfärgade bokstäver på ett blågrönt märke skulle vara svåra att läsa och skulle bli en enda grå klump i ett svartvitt tryck. Paret fungerar ändå när färgerna är separata former, som en blågrön symbol bredvid ett korallfärgat ordmärke, var och en på vit eller mörk bakgrund. Siffrorna kommer från WCAG-formeln som förklaras i färgkontrast och tillgänglighet.
Trefärgade logotypkombinationer
Tre färger passar märken byggda av separata delar: en symbol av brickor, ett ordmärke med en färgad prick, en uppsättning former för ett barnvarumärke. Förankra trion med en mörk färg och välj sedan två som skiljer sig tydligt i nyans. Att sprida dem runt färghjulet, som i triadiska färger, hindrar dem från att konkurrera.
Logotypfärgkombinationer att undvika
Undvik
- Medelrött och mellanblått som möts: de verkar vibrera
- Rent rött och rent grönt tillsammans: svårt för många färgblinda
- Gult eller bleka pastellfärger på vitt: märket försvinner
- Fyra eller fler färger av lika tyngd
- En gradient som enda version av logotypen
I stället
- Gör den ena i paret mycket mörkare
- Skilj dem åt på ljushet, inte bara nyans
- Lägg bleka färger på mörk bakgrund, eller ge dem kontur
- En ledande färg, en eller två stödjande
- En platt version först, gradienten som variant
Gradientlogotyper är ett specialfall. De kan se superba ut stora, men de får band i tryck och suddas ut i små storlekar. Behåll en platt version i en eller två färger och behandla gradienten som en variant; gradientlogotyper förklarar hur du bygger båda.
Så testar du en logotypfärgkombination
- 1
Skriv ut den i gråskala
Konvertera logotypen till grått. Om de två färgerna blir samma grå har paret för liten ljushetsskillnad.
- 2
Krymp den till 16 pixlar
Titta på den som en ikon i webbläsarfliken. Tunna delar i en blek färg försvinner först.
- 3
Vänd på den
Lägg logotypen på din mörkaste varumärkesfärg och på vitt. Notera vilken färg som behöver bytas i varje fall och skriv ner det.
- 4
Kontrollera färgblindhet
Kör den genom en färgblindhetssimulator. Röd-gröna par flyter ofta ihop för personer med de vanligaste typerna av färgblindhet.
- 5
Lägg den på en verklig bakgrund
En logotyp ligger sällan på enkelt vitt i verkligheten. Testa den på ett foto, en gradient och ett rörigt flöde.
Ett ordmärke som går rakt över en livlig bakgrund kan tappa delar av bokstäverna.
Samma ordmärke med bakgrunden lugnare och djupare bakom det.
Det sista testet är där många logotyper kämpar. Att placera en logotyp på en gradientbakgrund tar upp teknikerna. I Gradiently vet en Mark var orden och logotypen ligger: dess lugnaste del flyttar sig bakom dem och Auto-bläck väljer ljus eller mörk per rad ur Markens egen palett, så att en enkel tvåfärgad logotyp kan ligga på en rik bakgrund utan en ruta bakom.
Håll logotypen enkel och låt varumärket vara rikt
Logotypen behöver inte bära varje färg ditt varumärke använder. Många varumärken håller märket i en eller två färger och lägger djupet i bakgrunder, fotografi och typografi. Om du väljer den bredare paletten härnäst har idéer för varumärkesfärger 30 att utgå från, och kända gradientlogotyper visar hur etablerade varumärken balanserar ett enkelt märke med uttrycksfull färg.
Vanliga frågor
Vilken är den bästa färgkombinationen för en logotyp?
Det finns inget enskilt bästa par, men en mörk färg med en ljus eller klar, som marinblått och guld eller skogsgrönt och grädde, fungerar nästan överallt eftersom formerna förblir tydliga.
Hur många färger ska en logotyp ha?
En eller två för de flesta logotyper. Tre kan fungera för märken byggda av separata delar, men varje extra färg gör tryck och små storlekar svårare.
Vilka färger ska inte användas tillsammans i en logotyp?
Undvik färger med samma ljushet som möts, som medelrött och mellanblått, och undvik att förlita dig på rött mot grönt, som många färgblinda inte kan skilja åt.
Ska en logotyp fungera i svartvitt?
Ja. En logotyp ska fungera i en färg, i svart och i vitt innan färg läggs till, eftersom den kommer att tryckas och stämplas i enstaka färger.
Kan en logotyp vara en gradient?
Det kan den, men behåll en platt version för små storlekar, broderi och enfärgstryck, och använd gradienten där den har utrymme.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil