Conway Twitty – It's Only Make Believe –
Lyrics
Birthday Stuff | Java Lessons | Mytry | Web Safe Colours | Useful Links | Mom's Album | Fancy Stuff | Magyar | Fekete
| Lions Colours from Lions International Website and Lions International Logo | ||||
|---|---|---|---|---|
| Source | Colour | Code | Colour | Code |
| Lions Website | Light Blue | #A6CAE1 | Dark Blue | #0E2B8D |
| Lions Website | Blue | #00529B | Yellow | #FFCF06 |
| Lions Website | #FFFFCF | Yellow | #FFD502 | |
| Lions Logo | Blue | #21558D | Yellow | #FFDA00 |
| Renew Lions Logo | Blue | #00529C | Yellow | #FECB00 |
| Other Colours from Website | ||||
| PDLC Website | Background | #FFFFCF | Footer | #AEFFF6 |
| PDLC Website | All Head Text | #6700CE | H1 to H6 | #004080 |
| Presidents Table | Table Border | #AA00E4 | Header Text Bg | #9932CC |
| Presidents Table | Alt Background | #FFF0F5 | Table Border | #AA00E4 |
| Fekete Website | Background | #F3E4CD | Navigation Menu | #0E6F76 |
| Old Website | Buttons Column | #0000cc | H1 to H6 | #004080 |
| White – #ffffff | ||||
| #afeeee | ||||
| #aefff6 | ||||
| #e0ffff | ||||
| #F0F0F0 | ||||
| #E0E0E0 | ||||
| #D0D0D0 | ||||
| #C0C0C0 | ||||
| #B0B0B0 | ||||
| #A0A0A0 | ||||
Natural White box to demonstrate contrast:
Canadian Calendar →
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
Fish Tank Stuff - Pets information
Aquarium Clubs - Ontario Aquarium Clubs Directory
Colour Chart
My Colour Samples
When colour chart appears in new tab/window Click on Colour Name to see background and text colour combinations. Using eye pleasing legible colour combinations is not only common sense but easy on the eyes and easy to read. Many designers, especially when using gradient backgrounds, fail to notice the difficulty of reading their text. Content NOT the fancy background is what user's are looking for, when visiting any website.
Some colour combinations are very hard to read. See sample text colours below. Test with background for legibility.
Sample Text Colour #0000cd
Sample Text Colour #0000cd
Sample Text Colour #00008b
Sample Text Colour #00008b
Sample Text Colour #483d8b
Sample Text Colour #483d8b
Sample Text Colour JIF H1 #004080
Sample Text Colour #004080
Sample Text Colour #8b008b
Sample Text Colour #8b008b
Sample Text Colour #008b8b
Sample Text Colour #008b8b
Sample Text Colour #006400
Sample Text Colour #006400
Sample Text Colour #7fff00
Sample Text Colour #7fff00
Sample Text Colour #483d8b
Sample Text Colour #483d8b
Sample Text Colour #2f4f4f
Sample Text Colour #2f4f4f
Sample Text Colour #ffd700
Sample Text Colour #ffd700
Sample Text Colour #daa520
Sample Text Colour #daa520
Sample Text Colour #778899
Sample Text Colour #778899
Sample Text Colour #98fb98
Sample Text Colour #98fb98
Sample Text Colour #4682b4
Sample Text Colour #4682b4
Sample Text Colour #008080
Sample Text Colour #008080
Sample Text Colour #7cfc00
Sample Text Colour #7cfc00
Sample Text Colour #02c81f
Sample Text Colour #02c81f
Animal site Click text colour
Animal site Click text colour #9966CC
| Colour Name | Colour Code |
|---|---|
| Light Blue | #add8e6 |
| MistyRose | #ffe4e1 |
| PaleTurquoise | #afeeee |
| LionsWeb | #ffffcf |
| LightYellow | #ffffe6 |
| FeketeWeb | #f3e4cd |
| Cornsilk | #fff8dc |
| SlateGrey | #708090 |
| Grey | #808080 |
| Silver | #c0c0c0 |
| LightGrey | #d3d3d3 |
| Gainsboro | #dcdcdc |
| White | #ffffff |
| AliceBlue | #f0f8ff |
| Linen | #faf0e6 |
| Azure | #f0ffff |
| LavenderBlush | #fff0f5 |
| HoneyDew | #f0fff0 |
| White Smoke | #f5f5f5 |
| Smoky | #e6e6e6 |
| MintCream | #f5fffa |
| Soft Green | #d8ffd3 |
| SeaShell | #fff5ee |
| LightCyan | #e0ffff |
| Coral | #ff7f50 |
| Salmon | #fa8072 |
| Violet | #ee82ee |
| DarkViolet | #9400d3 |
| DarkOrchid | #9932cc |
| MediumOrchid | #ba55d3 |
| Orchid | #da70d6 |
| DarkMagenta | #8b008b |
| #aa00e4 | #aa00e4 |
| Colour Code | |
|---|---|
| A | #aaaaaa |
| B | #bbbbbb |
| C | #cccccc |
| D | #dddddd |
| E | #eeeeee |
| F | #ffffff |
| 0 | #000000 |
| 1 | #111111 |
| 2 | #222222 |
| 3 | #333333 |
| 4 | #444444 |
| 5 | #555555 |
| 6 | #666666 |
| 7 | #777777 |
| 8 | #888888 |
| 9 | #999999 |
Clear Fillers
.
clearglass_132x137.png Takes up the size of the associated text – align=middle
.
clearspace.png 10x10 – Takes up the size of the associated text.
.
.
– $blank_1x1.gif 50x50
| Colour | Colour Name | Hexadecimal Value | Colour | Colour Name | Hexadecimal Value | |
|---|---|---|---|---|---|---|
| Black | #000000 | White | #ffffff | |||
| Silver | #c0c0c0 | GoldenRod | #daa520 | |||
| Gray | #808080 | Olive | #808000 | |||
| Green | #008000 | Yellow | #ffff00 | |||
| DeepPink | #ff1493 | Navy | #000080 | |||
| Teal | #008080 | BlueViolet | #8a2be2 | |||
| Red | #ff0000 | Purple | #800080 | |||
| Fushia | #ff00ff | DarkViolet | #9400d3 | |||
| Orange | #ffa500 | Maroon | #800000 | |||
| Darkorange | #ff8c00 | Aqua | #00ffff | |||
| Gold | #ffd700 | Lime | #00ff00 | |||
| RoyalBlue | #4169e1 | SpringGreen | #00ff7f | |||
| MediumBlue | #0000cd | LimeGreen | #32cd32 | |||
| Blue | #0000ff | Chartreuse | #7fff00 | |||
| CornflowerBlue | #6495ed | salmon | #fa8072 | |||
| Brown | #a52a2a | Coral | #ff7f50 | |||
| MediumVioletRed | #c71585 | CadetBlue | #5f9ea0 |
Common Colour Names – A comprehensive listing
Also Worth a Look – A different but interesting perspective
Lou Rawls – Lady Love –
Lyrics
Instructions:
1. Stare at the red dot on the girls nose for 30 seconds.
2. Turn your eyes to a plain surface (your ceiling or blank wall).
3. Blink repeatedly and quickly while still looking at the plain surface.
4. The brain makes the negative into a positive!!! Tell me if that isn't the coolest thing?
-->
Looking for web safe colours? The following is the full 216 color pallet of hex coded colours that will reproduce successfully in web browsers. When designing a web page using these colours you may safely assume that they will be reproduces accurately regardless of what browser/platform is being used to view a web page.
| Hex Code | Color | Hex Code | Color | Hex Code | Color |
|---|---|---|---|---|---|
| #FFFFFF (white) | #FFFFCC | #FFFF99 | |||
| #FFFF66 | #FFFF33 | #FFFF00 | |||
| #FFCCFF | #FFCCCC | #FFCC99 | |||
| #FFCC66 | #FFCC33 | #FFCC00 | |||
| #FF99FF | #FF99CC | #FF9999 | |||
| #FF9966 | #FF9933 | #FF9900 | |||
| #FF66FF | #FF66CC | #FF6699 | |||
| #FF6666 | #FF6633 | #FF6600 | |||
| #FF33FF | #FF33CC | #FF3399 | |||
| #FF3366 | #FF3333 | #FF3300 | |||
| #FF00FF | #FF00CC | #FF0099 | |||
| #FF0066 | #FF0033 | #FF0000 (red) | |||
| #CCFFFF | #CCFFCC | #CCFF99 | |||
| #CCFF66 | #CCFF33 | #CCFF00 | |||
| #CCCCFF | #CCCCCC | #CCCC99 | |||
| #CCCC66 | #CCCC33 | #CCCC00 | |||
| #CC99FF | #CC99CC | #CC9999 | |||
| #CC9966 | #CC9933 | #CC9900 | |||
| #CC66FF | #CC66CC | #CC6699 | |||
| #CC6666 | #CC6633 | #CC6600 | |||
| #CC33FF | #CC33CC | #CC3399 | |||
| #CC3366 | #CC3333 | #CC3300 | |||
| #CC00FF | #CC00CC | #CC0099 | |||
| #CC0066 | #CC0033 | #CC0000 | |||
| #99FFFF | #99FFCC | #99FF99 | |||
| #99FF66 | #99FF33 | #99FF00 | |||
| #99CCFF | #99CCCC | #99CC99 | |||
| #99CC66 | #99CC33 | #99CC00 | |||
| #9999FF | #9999CC | #999999 | |||
| #999966 | #999933 | #999900 | |||
| #9966FF | #9966CC | #996699 | |||
| #996666 | #996633 | #996600 | |||
| #9933FF | #9933CC | #993399 | |||
| #993366 | #993333 | #993300 | |||
| #9900FF | #9900CC | #990099 | |||
| #990066 | #990033 | #990000 | |||
| #66FFFF | #66FFCC | #66FF99 | |||
| #66FF66 | #66FF33 | #66FF00 | |||
| #66CCFF | #66CCCC | #66CC99 | |||
| #66CC66 | #66CC33 | #66CC00 | |||
| #6699FF | #6699CC | #669999 | |||
| #669966 | #669933 | #669900 | |||
| #6666FF | #6666CC | #666699 | |||
| #666666 | #666633 | #666600 | |||
| #6633FF | #6633CC | #663399 | |||
| #663366 | #663333 | #663300 | |||
| #6600FF | #6600CC | #660099 | |||
| #660066 | #660033 | #660000 | |||
| #33FFFF | #33FFCC | #33FF99 | |||
| #33FF66 | #33FF33 | #33FF00 | |||
| #33CCFF | #33CCCC | #33CC99 | |||
| #33CC66 | #33CC33 | #33CC00 | |||
| #3399FF | #3399CC | #339999 | |||
| #339966 | #339933 | #339900 | |||
| #3366FF | #3366CC | #336699 | |||
| #336666 | #336633 | #336600 | |||
| #3333FF | #3333CC | #333399 | |||
| #333366 | #333333 | #333300 | |||
| #3300FF | #3300CC | #330099 | |||
| #330066 | #330033 | #330000 | |||
| #00FFFF | #00FFCC | #00FF99 | |||
| #00FF66 | #00FF33 | #00FF00 (green) | |||
| #00CCFF | #00CCCC | #00CC99 | |||
| #00CC66 | #00CC33 | #00CC00 | |||
| #0099FF | #0099CC | #009999 | |||
| #009966 | #009933 | #009900 | |||
| #0066FF | #0066CC | #006699 | |||
| #006666 | #006633 | #006600 | |||
| #0033FF | #0033CC | #003399 | |||
| #003366 | #003333 | #003300 | |||
| #0000FF (blue) | #0000CC | #000099 | |||
| #000066 | #000033 | #000000 (black) | |||
| Hex Code | Color | Hex Code | Color | Hex Code | Color |
|---|---|---|---|---|---|
| #000000 (black) | #999999 (grey) | #ffffff (white) | |||
| #ff0000 (red) | #00ff00 (green) | #0000ff (blue) | |||
| #ffff00 (yellow) | #00ffff (cyan) | #ff00ff (magenta) |
| Hex Code | Color | Hex Code | Color | Hex Code | Color |
|---|---|---|---|---|---|
| #000000 (0%) | #111111 (6%) | #222222 (12%) | |||
| #333333 (18%) | #444444 (25%) | #555555 (31%) | |||
| #666666 (37%) | #777777 (44%) | #888888 (50%) | |||
| #999999 (56%) | #aaaaaa (62%) | #bbbbbb (69%) | |||
| #cccccc (75%) | #dddddd (87%) | #eeeeee (94%) |
The above table reproduced from PawPrint but so many things vanish over time, or the links change I decided to provide a copy here.
<p id="purpleyellow"> Purple background color = #660099; text color = #FFCC00;
Round Corners 22!
<p id="lightpurpleyellow"> Light Purple background color = #9933CC; text color = #FFCC00;
Round Corners 22!
<p id="lightpurplewhite"> Light Purple background color = #9933CC; text color = #FFFFFF;
Round Corners 22!
<p id="lightbluewhite"> Light Blue background Colour = #008BE4 text color = #FFFFFF;
Round Corners 22!
<p id="lightblueyellow"> Light Blue background Colour = #008BE4 text color = #FFCC00;;
Round Corners 22!
Added #purpleyellow22 #lightpurpleyellow22 #lightpurplwhite
#lightblueyellow and #lightbluewhite
to feketexmas.css & pdlcxmas.css to have it available
throughout the website
Predefined in feketexmas.css 600 wide 70 high padding = 20px Red Blue Gree
Text centred but size and colour NOT css defined
<p id="rcornersr22"> <p id="rcornersb36"> <p id="rcornersg60">
Must define new variables if you need something different
Round Corners 22!
Round Corners 36!
Round Corners 60!
<p id="purpleyellow85"> Font Verdana, bold, size = 50px, color = #FFCC00,
background color = #530066, padding = 20px.
Yellow text on dark purple background, 70px high, corners rounded 60. Text centred as above.
ISS Observations Port Dover
Transparent image instead of text
CDN Celebrations | New Years | Valentine's Day | St. Patrick's Day | Easter | Mother's Day | Father's Day | Canada Day | Thanksgiving | Halloween | Remembrance Day | Christmas
e-mail:
jimandgloria@yahoo.com
Thank you for visiting us on the World Wide Web.
Copyright © 2000 -
All rights reserved.
Design by
Φ
Unicorn JIF 2007 2008
All suggestions, Broken Links, Corrections and Recommendations
must be submitted to WebMaster
Send e-mail to:
WebMaster
jimandgloria@yahoo.com
