[Webinar] Streamline your web hosting managementRegister Today

x
?
Solved

Background color and complimentary font-color

Posted on 2013-11-06
5
Medium Priority
?
438 Views
Last Modified: 2013-11-09
Does anyone have a good reference site for pastel color ranges (background) with complimentary font colors?
0
Comment
Question by:Gary
  • 3
  • 2
5 Comments
 
LVL 45

Expert Comment

by:Chris Stanyon
ID: 39628899
Hey Gary.

There's a somewhat scientific approach to which colours work well together, depending on the feel you need. I tend to play around with http://colorschemedesigner.com/ just to get an instant idea of what works. You can chose various colour models, but the one I tend to find most pleasing is the 'complement' model - pick a main colour and it will give you 3 colours from that range, plus a complimentary colour.

Although I say it's somewhat scientific, there's no rules on this, so it will come down to preference and purpose, but a colour wheel may give you some inspiration..or at least a starting point
0
 
LVL 45

Expert Comment

by:Chris Stanyon
ID: 39628907
Forgot to mention, if you select the Adjust Scheme tab from below the wheel, there's some preset pastels schemes already in there.
0
 
LVL 58

Author Comment

by:Gary
ID: 39628935
I was looking for something more like the below with a few schemas but also the complimentary font color so I can just peruse and see which I like best (barring any tweaks)

http://www.colorschemer.com/schemes/index.php?start=50&tag=pastel

Though after a little play I may be able to work with that link...
0
 
LVL 45

Accepted Solution

by:
Chris Stanyon earned 2000 total points
ID: 39628973
Ahhh. OK.

Just had a little play, and with your site, the link I provided and the ColorZilla plugin for Firefox, you'd have a pretty handy toolset.

Open the 2 sites, find a pastel colour from colorschemer, click the ColorZilla eyedropper from the toolbar and paste the Hex Code that's copied to the clipboard straight into colorschemedesigner.com. You can then look at the various colour models based on your primary colour. Maybe a bit of a faff, but you'll at least have lots of options :)

On the colorschemedesigner, you have buttons to preview the colours in a webpage format - both light and dark versions of your scheme.
0
 
LVL 58

Author Comment

by:Gary
ID: 39628992
Will have a play tomorrow, heading out.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

How do you create a user-centered user experience on your website? And what are some things you should consider in the process?
Magento is the best technology for eCommerce start-ups as it offers the technical expertise and visual appeal to create a store that pulls sales and earns high ROI (Return on investment).
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

607 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question