Difference between revisions of "HTML:ColourCodes"

From mi-linux
Jump to navigationJump to search
 
(7 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:
  
http://www.w3schools.com/tags/ref_color_tryit.asp?=
+
<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?hex=87CEEB </nowiki>
  
[http://www.w3schools.com/tags/ref_color_tryit.asp?=87CEEB]
+
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!
 
This lets you mix and match colours before trying them out on your website!
  
(Why didn't I notice this before?! Ahh well... hope it helps you!)
+
'''by Cara Hughes 0615410
 
 
by Cara Hughes 0615410
 
  
 
=Related Pages=
 
=Related Pages=
 
<categorytree mode=pages>HTML</categorytree>
 
<categorytree mode=pages>HTML</categorytree>

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>