EXPLAINED! : How to Use Color Palette in Web Design

As we're know there are many tool p.s colour palette generator online and no matter what urgently are the pallete can we acquire easily in just 1,2,3. If you're now act as programmer and doing some web design project then this simple article will help you easier to understanding in how to implement color palette code onto your desire project....

Color Palette for Web Design
Color Palette for Web Design.

I see a lot of people commenting things like "there's no right answer" which I (sort of) disagree with... There's certainly at least one right answer, maybe a few and I'm sure there's a bunch of wrong answers too, good design is about reaching the best possible solution based on the resources and time available to you And surely such a solution is going to outweigh several alternatives. You've given us a colour palette for the purposes of discussion so, I'm going to do just that and answer your question based on the supplied colour palette. (Given I haven't seen the layout you're working with this is still gonna be pretty broad but it'll have some process for you to follow.)

So, the first colours I like to pick when creating a colour scheme in a web project are the background for the body and the main text colour. It's normally a good idea to pick the two most contrasting colours to fill these roles and your example palette is no exception so in this case the colours are #DEE1DD and #28363D. 

Now we have to decide which to use for the text and which to use for the background and in most cases I try to use the lighter colour for the background and the darker for the text. There's been considerable research to show we read a dark colour on a light colour more easily than a light colour on dark so that's what I generally default to unless there's a reason for a darker look (like you're doing a website for a heavy metal band or something... 
Example Luxurious and Modern Color Palette Pickup for Web Design
Example of use Luxurious and Modern Color Palette Pickup for Web Design

I'm gonna assume that's not the case here). So, the background to our body will be #DEE1DD and the text colour will be #28363D.

Next I like to move on to what I think is the next most important item, which is hyperlinks. You want a colour that contrasts enough from the background as to not be difficult to read but also contrasts enough from the text in order to be noticeable. In this example most of the lighter greens will be illegible on the light background so the most obvious answer is #2F575D.

Next you alluded to a header that needed to be coloured, and again we need it to contrast from the background. In the interest of minimalism I try and reuse the colours I've already used in the body, and in this case the text colour is probably too dark to be filling large amounts of space so I'd be inclined to aelect #2F575D and for all of the above reasons I'd use the background body colour #DEE1DD To fill in any text or links in the header.

Finally I cover non essential design elements like hover states last and we've got a few different greens left to pick from. Again this probably needs to contrast from the background enough as the links don't disappear when rolling over them so if be inclined to go with #658B6F ...

And ... Voila! You now have a (basic) 4 colour scheme. I hope this process helps you as much as it helps me :) !

Comments

Post a Comment

Popular posts from this blog

Auditing systemd : How To Solving Failed Units with Systemctl Centos 7

Image
Auditing systemd Solving failed units with systemctl Systemd is an alternative service manager to the more traditional init system. To ensure the system is healthy, failed units should be investigated on a regular basis. Sooner or later a unit might fail and showing up the systemctl listing. In this article we have a look at how to solve it. How To Solve solving failed units with systemctl Command to show : systemctl --failed Why do services fail? During the start of the system, enabled services are started and queued to be executed. Most processes will start correctly and systemd logs the related status in the journal. However, in some cases a service might enter a “failed state”, as a result of another command not finishing properly. [root@localhost ~]# systemctl systemctl --failed UNIT LOAD ACTIVE SUB DESCRIPTION * auditd.service loaded failed failed Security Auditing Service * httpd.service loaded f
Keep reading

Basic Cat Command Examples in Linux

The cat (short for “concatenate“) command is one of the most frequently used command in Linux/Unix like operating systems. cat command allows us to create single or multiple files, view contain of file, concatenate files and redirect output in terminal or files. In this article, we are going to find out handy use of cat commands with their examples in Linux. General Syntax cat [OPTION] [FILE]... 1. Display Contents of File In the below example, it will show contents of  /etc/passwd  file. # cat /etc/passwd root:x:0:0:root:/root:/bin/bash bin:x:1:1:bin:/bin:/sbin/nologin narad:x:500:500::/home/narad:/bin/bash 2. View Contents of Multiple Files in terminal In below example, it will display contents of  test  and  test1  file in terminal. # cat test test1 Hello everybody Hi world, 3. Create a File with Cat Command We will create a file called  test2  file with below command. # cat >test2 Awaits input from user, type desired text and press CTRL+
Keep reading

Indexing 200K Plus URL Blog Konten

Image
Pernah gak sih kalian berfikir sekali saja bagaimana caranya supaya sukses meng-index 200 ribu lebih url sebuah web? Pasti jawabannya tidak.. Iya kaaan... Sebab saat ini hanya ane yang sedang mencoba lakukan itu. Berbicara tentang website atau blog maka otomatis berbicara mengenai isi dari web tersebut dan selanjutnya ketika berbicara mengenai konten sebuah web maka secara langsung salah satu pointnya adalah tentang index konten. Menulis, mmenyiarkan dan membaca ulang sebuah artikel karya bukan sebab berhasilnya karya tulis tersebut terdaftar apda list halaman yang disimpan google. Pun begitu, bilapun sudah mengikutialur "biasanya" dengan submit sitemap ke google search console belum tentu url dari konten tersebut dirayapi apalagi sampai ditampilkan apda halaman index pencarian google search. Banyak perjuangan tak kenal lelah harus dilakukan hanya demi memuluskan proses dan hasil dari index google ini. Percuma berbicara SEO ONPAGE dan SEO OFF PAGE kalau konten karya
Keep reading