Week 11

Activity 1 : Creating Color Palettes using The Color Wheel
a).

b).

/* Palette color codes */
/* Feel free to copy&paste color codes to your application */

.primary-1 { background-color: #202122 }
.primary-2 { background-color: #1F1F20 }
.primary-3 { background-color: #1B1D1F }
.primary-4 { background-color: #363638 }
.primary-5 { background-color: #363638 }

.secondary-a-1 { background-color: #212122 }
.secondary-a-2 { background-color: #1F2021 }
.secondary-a-3 { background-color: #1B1D20 }
.secondary-a-4 { background-color: #363738 }
.secondary-a-5 { background-color: #363738 }

.secondary-b-1 { background-color: #202121 }
.secondary-b-2 { background-color: #1E1F20 }
.secondary-b-3 { background-color: #1B1D1F }
.secondary-b-4 { background-color: #353638 }
.secondary-b-5 { background-color: #353638 }

/* end */


body {
	margin:0; padding: 2em;
	background:white;
	color: #666;
	font: 75%/1.33 Verdana, sans-serif;
	text-align:left;
	}
h1 {
	margin: 0.5em 0;
	font-size: 200%;
	}
p {
	margin: 0.5em 0;
	}

.color-table {
	margin: 2em 2em 5em;
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	font-size:100%;
	}
.color-table th {
	padding: 0 1em 0 0;
	text-align:right;
	vertical-align: middle;
	font-size:110%;
	border: none;
	}
.color-table td.sample {
	width:8em; height:8em;
	padding: 10px;
	text-align:center;
	vertical-align:middle;
	font-size:90%;
	border: 1px solid white;
	}
.color-table.small td.sample {
	width:4em; height:4em;
	padding:0;
	border:none;
	}
.color-table .white { color:white }
.color-table .black { color:black }

hr {
	border:none;
	border-bottom:1px solid silver;
	}
#footer {
	padding:1em;
	text-align:center;
	font-size:80%;
	}

c).


Activity 2 : Creating Color Palettes using Images
From Flickr:
 

From my own image:

Activity 3 : Color Blindness Simulation

There is a similarities between Red-Blind/Protanopia and Green-Blind/Deuteranopia, Blue-Blind/Tritanopia and Blue-Weak/Tritanomaly, and Red-Weak/Protanomaly and Green-Weak/Deuteranomaly. Web Designers can used these facts to combine the colors of similarities to fake any form of color vision deficiency.

Activity 4 :Font Colors

• White colors might disturbing the people from Japan because white carnation means death, and in the east white is meant for funerals.
• Eastern bride, from China, wore white colors but some are prefer it red because it is their traditional color for wedding dress.
• The colors I would use for Saint Patrick's Day and Halloween are Green, and Orange and Black for Halloween.
• The factors, other than culture, might influence a persons color preferences are age differences, class differences, gender differences, and trends.