30 vackra trefärgade webbplatser för din inspiration

Färgen påverkar en design kraftigt. En design med för många färger kan dock enkelt överväga en tittare. Ibland kan ett minimalistiskt tillvägagångssätt hjälpa till att dra besökarnas öga till specifikt innehåll - rätt innehåll.

I denna samling webbplatser fokuserade vi på mönster som använde tre färger för deras primär designelement. Några av dessa webbplatser innehåller dock en eller två markerade färger utöver de tre huvudfärgerna. Ändå var dessa webbplatser bara alltför välskötta och tillräckligt nära de 3 färgkriterierna som vi inte kunde hjälpa till med att inkludera dem i den här samlingen.

Lägg märke till hur färgerna hjälper dig att fokusera din uppmärksamhet på var det behövs. Kan du se hur märket var knutet till var och en av dessa mönster? Du kan också se hur det går att använda fullfärgsgrafik tillsammans med en begränsad färgpalett utan att gå för långt ner den minimalistiska designbanan. Följande exempel visar dig det webbplatser som använder högst 3 färger kan fortfarande vara effektiv.

Bildmekanik

En fin minimalistisk design, som använder tillräckligt mycket färg för att rita ögat mot viktigt innehåll på webbplatsen.

nklus

Den stora, blåa fotografiska bakgrunden är en fin kontrast till den vita huvudtexten och det gröna varumärket, vilket drar en läsarens uppmärksamhet först. Den ljusblå texten drar ögat nedåt till en kort beskrivning av företaget och en lista över sina imponerande kunder. Trevlig användning av färg för att skapa hierarki!

Loftet

Olika nyanser av grått på en vit bakgrund ger denna webbsida ett sofistikerat minimalistiskt utseende. Den färgade texten i sidmenyn fungerar som en guide för att navigera på webbplatsen.

Fat-Man-Collective

Precis som deras märkesutseende och -ton, är denna webbdesign också "kort och söt". Vägen att gå med att behålla ett märkesutseende!

Creative Spark

Minus illustrationen, den här webbplatsen innehåller bara 3 färger i sin design: gul, svart och vit, vilket är en bra referens till en glödlampa när du tänker på det. Och en glödlampa fungerar bra med företagsnamnet Creative Spark. Intressant.

Pepperminted

Söt namn och en söt mestadels 3 färgdesign, den här är enkel men kreativ samtidigt.

Sergey Stanchev

Det mörka färgschemat och begränsad användning av färg ger denna webbplats en sofistikerad, professionell utseende.

Digimurai

Textfärgerna i orange och blå koordinat med den illustrerade bakgrunden och söta lilla maskot.

Causecast

Grå, blå och rosa på en vit bakgrund ger en mycket "glad" ton, vilket verkar som ett bra val för ett volontärarbete / välgörenhetsprogram.

Astheria

Denna snygga design använder färger på, ja, droger! Vit, grått och blått är vanligtvis de färger du ser på pillerlådor, så dessa designers sprang verkligen med tanken på "Design är ett läkemedel".

Dave Airey

Åh, David Airey, en av de mest populära varumärkesidentitetsdesignerna i bloggen för grafisk design. Hans webbplats är minimalistisk med endast svart, orange och grå text på en vit bakgrund. Enkelt men ändå effektivt!

Eduardo de La Rocque

Den texturerade bakgrunden ser ut som det fina pappret som vissa människor använder för CV och CV-utskrift. Det är också intressant att den rosa-röda texten bleknar till ljusgrå när du sveper musen över den.

Åtta ansikte

Svart, vit och grå, tillsammans med några tips av orange text, är de viktigaste färgerna som används i denna design. Dessa färger ger denna webbplats ett slags "nyheter" utseende.

Feber

Mörk och ljusgrå och röd används utbytbart i denna design. Även om denna design skulle kunna vara lite mer välorganiserad vad gäller vilka färger som användes var, klarade de sig mycket väl med titelförsprungets tre färger..

Stefan Coisson

Den här webbplatsen använder 3 färger ganska effektivt i en enkel webbplatslayout. Medan texten kan organiseras bättre utmärker den gröna höjdpunkten mot den svarta och vita texten.

Jon Tangerine

Okej, så det här är ett annat som sträcker sig bortom 3 färgschemat lite, men det är en så vacker sida att den skriker: "Titta på mig!" De gula höjdpunkterna och textlänkarna (med lite orange underlag) kontrasterar snyggt med den svarta och grå och enstaka vita texten. Skön!

Martin Hipp

Mörkgrå, svart och gräsgrön blandning bra för att ge den här webbplatsen ett uppfriskande professionellt men unikt utseende.

Minimala webbplatser

Börja märka ett mönster i användningen av svart, grått och en ljus färg på en vit bakgrund? Kanske är den här typen av färgschema populärt eftersom det skapar ett minimalistiskt utseende med tillräckligt med färg för att dra uppmärksamhet ... och den här webbplatsen är inget undantag.

Motion Theory

Remsan av svart på sidan är en fin touch som lägger till "filmens utseende". Grå och röd text gör denna webbplats enkel, vilket är mycket viktigt med alla bilder som måste ingå.

En väg tillbaka

Blå tillsammans med gråtoner håller denna design minimalistisk och traditionell. De 3 olika färgerna används snyggt för att uppmärksamma viktig text.

Korn och gram

Denna webbplats gör ett bra jobb med att skapa en "gentlemans" överklagande med manliga färger av mörkgrå, en kornfärg (i överensstämmelse med titeln) och vit.

Awesome Font Stacks

Orange tillsammans med svart och grått (och en liten bit vit text) hjälper till att bryta upp den här text-tunga sidan och göra det intressant.

Yuna

Den här webbplatsen använder mestadels de mörka och ljusa gråarna i de geometriska formerna, men blå är också en framhävd färg tillsammans med lite rosa. Så, verkligen, det här är en annan variant av det svarta, gråa och markera färgschemat.

pentagon

Grå, lite vit och massor av blå gör för ett mycket enkelt färgschema. Å andra sidan verkar det blå lite överväldigande, och den blinkande grafiken hjälper inte mycket.

Grafisk design på radion

Tekniskt använder den här webbplatsen endast cirka 3 färger: svart och grå text i vita lådor och den rosa texturerad bakgrunden. Men vänta! Stäng sidan, öppna den igen och bakgrunden är nu blå, nej, gul. Okej, du kan sluta återuppta sidan, nu. Besviken där finns det bara tre färger att leka med, är du inte?

Pixelbot

Återigen, Mörkgrå, ljusgrå och en höjdfärg gör ett enkelt och effektivt färgschema för webbdesign.

Site inspirera

Medan texten ändras när du håller muspekaren över det kan vara kul kan den här funktionen utnyttjas lite för mycket. Men kanske kan de komma undan med det på grund av sin enkla, 3-färgsdesign.

Stefan Persson

Grå / svart med orange och vit lägg till denna mycket välorganiserade design. Varje färg verkar hålla sig till en strikt användning, vilket verkligen tar navigationen på denna sida till stora höjder.

Faust

Ett enkelt färgschema hjälper till att tona ner den upptagna nessen på den här webbplatsen; mindre orange skulle dock ha hjälpt till att utforma ännu mer.

Industriell anläggning

Navigationen på denna webbplats är lite annorlunda, något som inte alltid rekommenderas. Men det mörkgråa, ljusgråa och vita färgschemaet hjälper till att hålla webbplatsen enkel nog att lära sig ganska snabbt.

Redaktörens anteckning: Det här inlägget är skrivet av Tara Hornor för Hongkiat.com. Tara har en examen på engelska och skriver om marknadsföring, reklam, branding, grafisk design och desktop publishing. Förutom sin skriftliga karriär, njuter Tara också av sin man och två barn.