The 21 Best Color Combinations to Try on Your Website [Bookmarkable Guide]

Planując wygląd swojej nowej strony internetowej, musisz zdecydować się na kolory, których chcesz użyć. Aby wywrzeć pozytywny wpływ na odwiedzających i zwiększyć sprzedaż, Twoja paleta kolorów powinna wzmacniać Twoją markę, sprawiać, że strona będzie łatwa do czytania i nawigacji, a przede wszystkim – dobrze wyglądać.

Jednakże znalezienie kolorów, które „dobrze” razem wyglądają nie jest tak proste, jak się wydaje. Wiele czynników wpływa na to, jak postrzegamy kolor na poziomie wizualnym i emocjonalnym. To sprawia, że trudno jest stworzyć skuteczny i oryginalny schemat kolorystyczny strony internetowej od podstaw, nawet jeśli mamy intuicyjne wyczucie, które kombinacje kolorów działają dobrze, a które nie.

Na szczęście nie musisz wymyślać koła barw, aby zbudować wspaniałą stronę internetową. W tym poście stworzyliśmy listę 21 najlepszych kombinacji kolorów używanych w projektowaniu stron internetowych, które możesz wypróbować sam. W ten sposób, możesz pominąć debaty współpracowników na temat tego, czy zielony i pomarańczowy należą do strony głównej, i zbliżyć się o krok do startu.

Oczywiście, grupa tajemniczych nazw kolorów nie jest zbyt pomocna bez zobaczenia ich w akcji. (Co to jest „Pharlap,” anyway?)

Więc, dla każdego schematu, podałam przykład wizualny. Wszystkie przykłady zostały zaczerpnięte z witryn uznanych za atrakcyjne wizualnie. Nie krępuj się użyć tych stron jako inspiracji dla swojej palety kolorów, układu i ogólnej estetyki.

Koralowa czerwień i wiking

Kody heksadecymalne: #F93943, #7EB2DD

Źródło obrazów

East Bay, Moon Raker i Ghost

Kody heksadecymalne: #424874, #DCD6F7, #CACFD6

Image Source

Viking i Karry

Kody heksadecymalne: #7EB2DD, #FFE8D4

Image Source

Tan Hide, Vermilion i Acapulco

Kodeksy heksadecymalne: #F98866, #FF420E, #80BD9E

Image Source

Nepal, Ship Gray i Botticelli

Kodeksy heksadecymalne: #90AFC5, #3E363F, #C4DFE6,

Źródło obrazu

Zielony perski, niebieski Vista, mauvelous i słonecznikowy

Kody heksadecymalne: #00A6A6, #98DBC6, #F18D9E, #E6D72A

Źródło obrazów

Żółty nagietek, zimny lód i niebieski Vista

Kody heksadecymalne: #F6E278, #BCF4F5, #98DBC6

Źródło obrazów

Przyprawy, Toskania, Jaffa, Calico i Żółty Metal

Kody heksadecymalne: #6E352C, #CF5230, #F59A44, #E3C598, #6E612F

Źródło obrazów

Alto, Mandys Pink, Chestnut Rose, i Stiletto

Kody heksadecymalne: #D9D9D9, #F5B3B4, #D15656, #94353

Image Source

Swiss Coffee, Schooner, Pharlap i Mine Shaft

Kody heksadecymalne: #E1DCD9, #8F8681, #A67F78, #3E3C3C

Image Source

Tulipanowiec i Punga

Kody heksadecymalne: #F2AB39, #563C16

Image Source

Swans Down, Monte Carlo i Obserwatorium

Kodeksy Heksa: #D1EDE1, #7BC5AE, #028C6A

Image Source

Twój różowy, słodko-gorzki i karmazynowy Alizarin

Kody heksadecymalne: #FFC2C3, #FE7773, #EA3238

Image Source

Pampas, Your Pink, and Melanie

Kodeksy heksadecymalne: #,F1EBE9, #FFC2C3, #E6CBDD

Image Source

Górska Łąka i Magnolia

Kody heksadecymalne: #1B998B, #F8F1FF

Image Source

Terracotta, Gun Powder, Moon Raker, Acapulco i Manhattan

Kodeksy heksadecymalne: #E07A5F, #3D405B, #DECDF5, #81B29A, #F2CC8F

Źródło obrazów

Bittersweet, Cosmos, Nile Blue i Seagull

Kody heksadecymalne: #FE7773, #FFD8D8, #194049, #87CEEB

Źródło zdjęć

Malibu, Aero Blue, Picton Blue i Boston Blue

Kody heksadecymalne: #4DD7FF, #AEFFF1, #32C3EE, #3B8FA1

Źródło obrazów

Navajo White i Vivid Tangerine

Kody heksadecymalne: #FFE0AC, #FF8C8C

Dove Gray i Aero Blue

Kodeksy Heksa: #666666, #B5FFE9

Źródło zdjęć

Milano Red i Black Pearl

Kody Heksa: #BA1200, #031927

Image Source

Adding a Splash of Color

Na początku może się wydawać, że znalezienie odpowiedniej kombinacji kolorów powinno być łatwe i intuicyjne. W końcu widzimy efektywne wykorzystanie kolorów dookoła nas, od projektowania marek, przez sztukę i rozrywkę, po modne stroje. Prawda jest taka, że wszystkie te rzeczywiste projekty zostały starannie zaplanowane, przetestowane i przynajmniej częściowo zainspirowane projektami, które pojawiły się wcześniej.

Tworzenie idealnego projektu kolorystycznego dla Twojej strony internetowej jest wyzwaniem. Ale, trzymając się jednego ze schematów, które podałem, Twoja strona będzie służyć jako kolejny przykład jakości projektowania stron internetowych w akcji.

Podręcznik do projektowania stron internetowych