Web Design Toolbox
This page is for our team and for clients who design their own web content. Feel free to use it for your own projects.
HTML Colours (Web 216) and Monitor Test Card
These colours display your pages correctly on older systems and simple devices. For best results adjust your display until you can see all colours. Hold your mouse over a colour to get its Hex value (may not work with some browsers).
|
Colour Converter
Convert colour codes between HEX and RGB values, a useful tool for web designers who may work with one format, but receive client details in the other format.
SVG Test
If you don't see a circle in a square below try a different browser.
Scalable Vector Graphics (SVG) is a family of specifications of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic (i.e. interactive or animated). The SVG specification is an open standard under development by the World Wide Web Consortium (W3C) since 1999.
Character Table
Description | Code | Entity Name | Legend | ||
---|---|---|---|---|---|
quotation mark | " | " | " | " |
Code
character written as numeric HTML entity, in the
format: Entity Name character written as symbolic HTML entity, in the format:
in the last two columns, then your browser doesn't know about the entity name "sect" and just puts it literally. This table follows the ISO-8859-1 standard. |
ampersand | & | & | & | & | |
less-than sign | < | < | < | < | |
greater-than sign | > | > | > | > | |
at sign | @ | @ | |||
non-breaking space |   | | |||
inverted exclamation | ¡ | ¡ | ¡ | ¡ | |
cent sign | ¢ | ¢ | ¢ | ¢ | |
euro | € | € | |||
pound sterling | £ | £ | £ | £ | |
general currency sign | ¤ | ¤ | ¤ | ¤ | |
yen sign | ¥ | ¥ | ¥ | ¥ | |
broken vertical bar | ¦ | ¦ | ¦ | ¦ | |
&brkbar; | &brkbar; | ||||
section sign | § | § | § | § | |
umlaut (dieresis) | ¨ | ¨ | ¨ | ¨ | |
¨ | ¨ | ||||
copyright | © | © | © | © | |
feminine ordinal | ª | ª | ª | ª | |
left angle quote, guillemotleft | « | « | « | « | |
not sign | ¬ | ¬ | ¬ | ¬ | |
soft hyphen | ­ | | ­ | | |
registered trademark | ® | ® | ® | ® | |
macron accent | ¯ | ¯ | ¯ | ¯ | |
&hibar; | &hibar; | ||||
degree sign | ° | ° | ° | ° | |
plus or minus | ± | ± | ± | ± | |
superscript two | ² | ² | ² | ² | |
superscript three | ³ | ³ | ³ | ³ | |
acute accent | ´ | ´ | ´ | ´ | |
micro sign | µ | µ | µ | µ | |
paragraph sign | ¶ | ¶ | ¶ | ¶ | |
middle dot | · | · | · | · | |
cedilla | ¸ | ¸ | ¸ | ¸ | |
superscript one | ¹ | ¹ | ¹ | ¹ | |
masculine ordinal | º | º | º | º | |
right angle quote, guillemotright | » | » | » | » | |
fraction one-fourth | ¼ | ¼ | ¼ | ¼ | |
fraction one-half | ½ | ½ | ½ | ½ | |
fraction three-fourths | ¾ | ¾ | ¾ | ¾ | |
inverted question mark | ¿ | ¿ | ¿ | ¿ | |
capital A, grave accent | À | À | À | À | |
capital A, acute accent | Á | Á | Á | Á | |
capital A, circumflex accent | Â | Â | Â | Â | |
capital A, tilde | Ã | Ã | Ã | Ã | |
capital A, dieresis or umlaut mark | Ä | Ä | Ä | Ä | |
capital A, ring | Å | Å | Å | Å | |
capital AE diphthong (ligature) | Æ | Æ | Æ | Æ | |
capital C, cedilla | Ç | Ç | Ç | Ç | |
capital E, grave accent | È | È | È | È | |
capital E, acute accent | É | É | É | É | |
capital E, circumflex accent | Ê | Ê | Ê | Ê | |
capital E, dieresis or umlaut mark | Ë | Ë | Ë | Ë | |
capital I, grave accent | Ì | Ì | Ì | Ì | |
capital I, acute accent | Í | Í | Í | Í | |
capital I, circumflex accent | Î | Î | Î | Î | |
capital I, dieresis or umlaut mark | Ï | Ï | Ï | Ï | |
capital Eth, Icelandic | Ð | Ð | Ð | Ð | |
Đ | Đ | ||||
capital N, tilde | Ñ | Ñ | Ñ | Ñ | |
capital O, grave accent | Ò | Ò | Ò | Ò | |
capital O, acute accent | Ó | Ó | Ó | Ó | |
capital O, circumflex accent | Ô | Ô | Ô | Ô | |
capital O, tilde | Õ | Õ | Õ | Õ | |
capital O, dieresis or umlaut mark | Ö | Ö | Ö | Ö | |
multiply sign | × | × | × | × | |
capital O, slash | Ø | Ø | Ø | Ø | |
capital U, grave accent | Ù | Ù | Ù | Ù | |
capital U, acute accent | Ú | Ú | Ú | Ú | |
capital U, circumflex accent | Û | Û | Û | Û | |
capital U, dieresis or umlaut mark | Ü | Ü | Ü | Ü | |
capital Y, acute accent | Ý | Ý | Ý | Ý | |
capital THORN, Icelandic | Þ | Þ | Þ | Þ | |
small sharp s, German (sz ligature) | ß | ß | ß | ß | |
small a, grave accent | à | à | à | à | |
small a, acute accent | á | á | á | á | |
small a, circumflex accent | â | â | â | â | |
small a, tilde | ã | ã | ã | ã | |
small a, dieresis or umlaut mark | ä | ä | ä | ä | |
small a, ring | å | å | å | å | |
small ae diphthong (ligature) | æ | æ | æ | æ | |
small c, cedilla | ç | ç | ç | ç | |
small e, grave accent | è | è | è | è | |
small e, acute accent | é | é | é | é | |
small e, circumflex accent | ê | ê | ê | ê | |
small e, dieresis or umlaut mark | ë | ë | ë | ë | |
small i, grave accent | ì | ì | ì | ì | |
small i, acute accent | í | í | í | í | |
small i, circumflex accent | î | î | î | î | |
small i, dieresis or umlaut mark | ï | ï | ï | ï | |
small eth, Icelandic | ð | ð | ð | ð | |
small n, tilde | ñ | ñ | ñ | ñ | |
small o, grave accent | ò | ò | ò | ò | |
small o, acute accent | ó | ó | ó | ó | |
small o, circumflex accent | ô | ô | ô | ô | |
small o, tilde | õ | õ | õ | õ | |
small o, dieresis or umlaut mark | ö | ö | ö | ö | |
division sign | ÷ | ÷ | ÷ | ÷ | |
small o, slash | ø | ø | ø | ø | |
small u, grave accent | ù | ù | ù | ù | |
small u, acute accent | ú | ú | ú | ú | |
small u, circumflex accent | û | û | û | û | |
small u, dieresis or umlaut mark | ü | ü | ü | ü | |
small y, acute accent | ý | ý | ý | ý | |
small thorn, Icelandic | þ | þ | þ | þ | |
small y, dieresis or umlaut mark | ÿ | ÿ | ÿ | ÿ | |
Left arrow | ← | ← | |||
Right arrow | → | → | |||
Up arrow | ↑ | ↑ | |||
Down arrow | ↓ | ↓ |