Jump to content

colours, backgrounds and text


Guest nellie2
 Share

Recommended Posts

Guest nellie2

First of all I would like to say thank you to Pesala for these links that he posted on PCA.... I think they are great and would like to share them with you.

the first one is the websafe colour palette

http://www.techbomb.com/websafe/

have a look, it speaks for itself.... very useful if you are building a few pages.

the second is a colour tester... it will test your choice of background colour against your choice of text colour. A great resource and certainly one for the favourites folder I think.

http://www.tesspub.com/colours.html

Link to comment
Share on other sites

  • 2 weeks later...

Nellie

Can I add http://more.btexact.com/people/rigdence/colours/ - which shows you how the different web safe colours look if you are colour blind?

It's a bit like the second one that you have, though it includes all 3 types of colour blindness.

The Vischeck site ... http://www.vischeck.com/ is good at letting you see what your images look like to colour blind people.

Link to comment
Share on other sites

Thought I'd show how to change colors of things in CSS for those wanting to incorporate this into their coding :) I personally use XHTML and CSS :sneaky:

To change background colour of the entire page:

.body {background-color:#336699; }

To change the background of a div :

div.heading {background-color:#336699; }

To change the text colour :

div.heading {font-size:12px; color:#336699; }

To change the border colour :

div.heading {border-width:1px 1px 1px 1px; border-color:#336699; }

Tip: If you have a RGB code like #336699 this can be shortened in your code to #369 :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Privacy Policy