Matching the colors of a mobile website to the colors of the main site

For separate mobile sites, the colors and branding typically need to match those of the main website. There is an easy way to pick the colors of the main website and paste them into the elements of the mobile website, using ColorZilla toolbar: http://www.colorzilla.com/firefox/.

After you install ColorZilla, the icon will be displayed in your browser on the bottom left.

Then simply copy the colors of the main website and paste them into the elements of the mobile website.

Say, you want to copy the page background color of the main website onto the mobile website – just pick that color using the above toolbar, and then paste it into the color area in the page style window.

1

And simply follow the same process with other main colors, and copy them over into the Link or Header colors on the mobile site.