Difference between revisions of "HTML:ColourCodes"

From mi-linux
Jump to navigationJump to search
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
[[Main Page]] >> [[4CC002|Website fundamentals]] >> [[4CC002Workbook|Workbook]] >> [[HTML]] >> Hex colour codes reference
 +
 
[[Category:HTML]]
 
[[Category:HTML]]
 
==Hex Colour Codes==
 
==Hex Colour Codes==
Line 12: Line 14:
 
Copy and paste the following URL into the Address Bar:
 
Copy and paste the following URL into the Address Bar:
  
  <nowiki> http://www.w3schools.com/tags/ref_color_tryit.asp?= </nowiki>
+
  <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:
 
At the end of your URL, put your Hex code. I would put:
 
   
 
   
  <nowiki> http://www.w3schools.com/tags/ref_color_tryit.asp?=#87CEEB </nowiki>
+
  <nowiki> http://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEEB </nowiki>
  
 
I would have something that looks like this:
 
I would have something that looks like this:
  
[http://www.w3schools.com/tags/ref_color_tryit.asp?=87CEEB W3Schools Colour Test]
+
[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!
 
This lets you mix and match colours before trying them out on your website!

Latest revision as of 16: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>