Difference between revisions of "HTML:ColourCodes"

From mi-linux
Jump to navigationJump to search
 
 
(17 intermediate revisions by 3 users not shown)
Line 1: Line 1:
==Quick Note==
+
[[Main Page]] >> [[4CC002|Website fundamentals]] >> [[4CC002Workbook|Workbook]] >> [[HTML]] >> Hex colour codes reference
  
'''If you need to find a Hex code for a colour this webpage is very useful:
+
[[Category:HTML]]
 +
==Hex Colour Codes==
 +
 
 +
If you need to find a Hex code for a colour this webpage is very useful:
 +
[[http://www.w3schools.com/html/html_colors.asp HTML Colours]]
 +
 
 +
==Testing background colours against text==
 +
 
 +
Another webpage I have recently come across lets you test text colour against the background colour.
 +
To do this, first select your Hex code of your chosen colour. In this example, I will use SkyBlue with the Hex code of  #87CEEB.
 +
 
 +
Copy and paste the following URL into the Address Bar:
 +
 
 +
<nowiki> http://www.w3schools.com/tags/ref_color_tryit.asp?hex= </nowiki>
 +
 
 +
At the end of your URL, put your Hex code. I would put:
 +
 +
<nowiki> http://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEEB </nowiki>
 +
 
 +
I would have something that looks like this:
 +
 
 +
[http://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEEB W3Schools Colour Test]
 +
 
 +
This lets you mix and match colours before trying them out on your website!
 +
 
 +
'''by Cara Hughes 0615410
 +
 
 +
=Related Pages=
 +
<categorytree mode=pages>HTML</categorytree>

Latest revision as of 15:01, 12 July 2011

Main Page >> Website fundamentals >> Workbook >> HTML >> Hex colour codes reference

Hex Colour Codes

If you need to find a Hex code for a colour this webpage is very useful: [HTML Colours]

Testing background colours against text

Another webpage I have recently come across lets you test text colour against the background colour. To do this, first select your Hex code of your chosen colour. In this example, I will use SkyBlue with the Hex code of #87CEEB.

Copy and paste the following URL into the Address Bar:

 http://www.w3schools.com/tags/ref_color_tryit.asp?hex= 

At the end of your URL, put your Hex code. I would put:

 http://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEEB 

I would have something that looks like this:

W3Schools Colour Test

This lets you mix and match colours before trying them out on your website!

by Cara Hughes 0615410

Related Pages

<categorytree mode=pages>HTML</categorytree>