World colors-odai hatem


Published on

odai hatem
Ocean Software House

Published in: Education
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

World colors-odai hatem

  1. 1. World colors <br />Ocean software house<br />
  2. 2. outline<br /><ul><li>What is the color ?
  3. 3. What is the color property ?
  4. 4. What is the color systems ?
  5. 5. Color wheel .
  6. 6. Complementary Colors
  7. 7. Color Combinations.
  8. 8. Colors meaning & effects .
  9. 9. Colors in website designing.</li></li></ul><li>What is the color? <br /><ul><li>Color is the perceptual characteristic of light described by a color name. Specifically, color is light, and light is composed of many colors—those we see are the colors of the visual spectrum: red, orange, yellow, green, blue, and violet.</li></li></ul><li>Colors properties <br /><ul><li>Chroma: How pure a hue is in relation to gray .
  10. 10. Saturation: The degree of purity of a hue..
  11. 11. Intensity: The brightness or dullness of a hue. One may lower the intensity by adding white or black.
  12. 12. Luminance / Value: A measure of the amount of light reflected from a hue. Those hues with a high content of white have a higher luminance or value.
  13. 13. Shade: A hue produced by the addition of black.
  14. 14. Tint: A hue produced by the addition of white. </li></li></ul><li>Colors systems<br /><ul><li>Subtractive Color. When we mix colors using paint, or through the printing process, we are using the subtractive color method. Subtractive color mixing means that one begins with white and ends with black; as one adds color, the result gets darker and tends to black. </li></ul>Those colors used in painting—an example of the subtractive color method.<br />The CMYK color system is the color system used for printing.<br />
  15. 15. Colors systems<br /><ul><li>Additive Color. If we are working on a computer, the colors we see on the screen are created with light using the additive color method. Additive color mixing begins with black and ends with white; as more color is added, the result is lighter and tends to white.</li></ul>The RGB colors are light primaries and colors are created with light.<br />Percentages of red, green, &amp; blue light are used to generate color on a computer screen.<br />
  16. 16. Color Wheel<br />
  17. 17. Colors Types<br />Tertiary color s:<br />Those colors achieved by a mixture of primary and secondary hues.<br />Secondary color s:<br />:Those colors achieved by a mixture of two primaries.<br />Primary colors :Colors at their basic essence; those colors that cannot be created by mixing others.<br />Analogous Colors:<br />Those colors located close together on a color wheel.<br />Complementary Colors<br />Those colors located opposite each other on a color wheel.<br />
  18. 18. Complementary Colors<br /><ul><li>The colors that are positioned opposite one another are complementary colors.
  19. 19. Complementary colors bring out the best in each other. When fully saturated complements are brought together, interesting effects are noticeable. This may be a desirable illusion, or a problem if creating visuals that are to be read.</li></ul>The Ocean <br />The Ocean <br />
  20. 20.
  21. 21. The Ocean <br />
  22. 22. Color Combinations relationships <br />Monochromatic Relationship Colors that are shade or tint variations of the same hue.<br />Complementary Relationship Those colors across from each other on a color wheel.<br />Split-Complementary Relationship One hue plus two others equally spaced from its complement.<br />Double-Complementary Relationship Two complementary color sets; the distance between selected complementary pairs will effect the overall contrast of the final composition.<br />Triad Relationship Three hues equally positioned on a color wheel.<br />Analogous Relationship Those colors located adjacent to each other on a color wheel.<br />
  23. 23. Colors meaning and effects <br /><ul><li>Warm colors : Warm colors are based on yellows, oranges, browns, yellow-greens, and orange-reds, colors. Warm colors have a tendency to be aggressive and exciting, so it's best to apply them in small doses.
  24. 24. Intermediary colors :Purples and greens are intermediary colors that are either warm or cool, depending on amount of red or yellow they have in ratio to blue. If the color contains less blue then it is leaning towards a warm hue, and if it has more blue then it is more towards the cool side.
  25. 25. Cool colors :Cool colors are based on blues, greens, pinks, purples, blue-greens, magentas, and blue-reds. Cool colors tend to be soothing, calming colors and can be used in large amounts.
  26. 26. Neutral Colors :Neutral Colors include white, black, gray and colors that contain a large amount of gray. Neutral colors are great for back-grounds and for enhancing the effect of warm colors. </li></li></ul><li>
  27. 27. Blue represents peace, tranquility, calm, stability, Harmony, unity, trust, confidence. <br />Black represents power, sophistication, formality, elegance, anonymity, unhappiness wealth, mystery, fear, evil also. <br />Greenrepresents nature, health, good luck, renewal, youth, vigor, spring, generosity, fertility, jealousy. <br />Orange represents energy, balance, warmth, enthusiasm, vibrancy, flamboyancy. <br />
  28. 28. Purple represents royalty, spirituality, nobility, ceremony, mystery, transformation, wisdom, enlightenment . <br />Red represents love, danger, desire, speed, strength, violence, anger, and blood. <br />White represents purity, simplicity, cleanliness, peace, humility, innocence youth, birth, good, and marriage.<br />Yellow represents joy, happiness, optimism, idealism, imagination, hope, sunshine, and cowardliness. <br />
  29. 29. Colors Contrast<br /><ul><li>Two colors from different segments of the color wheel are contrasting colors. From example, red is from the warm half of the color wheel and blue is from the cool half. They are contrasting colors.
  30. 30. Colors can contrast in hue, value and saturation.</li></li></ul><li>Contrast of hue<br /><ul><li>Contrast of hue is what relates most directly to the color wheel combinations described above. The further away from each other two colors are, the higher the contrast. This means that the complementary color combination has the highest contrast, while the analogous combination has the lowest. For text, a contrast of hue alone is usually not enough to make the text as legible as wanted. In that case, you might want to combine contrast of hue with some other form of contrast.</li></li></ul><li>Contrast of Tint and Shade(Value)<br /><ul><li>Contrast of Tint and ShadeContrast of value is very efficient in creating large contrasts. The biggest contrast of them all-- black and white-- can be said to be a contrast of value. In general, large differences in lightness are considered to be pleasant for the eye, but low contrasts of value can also be useful for more subtle differences-- for instance, in a background. </li></li></ul><li>Contrast of Saturation<br /><ul><li>Contrast of SaturationContrast of saturation is often best for design aspects that do not require a lot of emphasis. A set of colors with different saturations set against a grey background can be interpreted as transparency. This is something that can be used to interesting effect.</li></li></ul><li>
  31. 31.
  32. 32. You can make your photos more striking by increasing the color contrast. Below is an example that compares the color contrast. With less color contrast, the image will look dull and quiet. High color contrast makes photos look striking.<br />
  33. 33. Colors in website designing <br /><ul><li>A website is basically a marketing tool, representing the companies, products and services it is also a reflection of the companies personality, ideologies and philosophies. It is definitely a heavy burden to carry for a mere website, but it dose. Huge corporations spend millions of dollars to determine the perfect color for the branding and packaging of their product. This is due to the fact that the perfect blend of colors increases the profitability of their product. The same rule applies to the designing of your website.
  34. 34. Color impacts your user on many psychological and physiological levels. Your site's color scheme can have a dramatic impact, either positive or negative on your potential success. Color is an important element of website designing. In Website designing of color is as critical as the design of graphics and layout.</li></li></ul><li>Colors in website designing <br /><ul><li>Once a visitor has come to your site you have around 8 to 10 seconds to visually appeal to the user and turn them into customers. Since Color affects our feeling, perceptions, and interactions, you can use colors to feel a user feel welcome, comfortable, relaxed, and secure.
  35. 35. Before choosing the colors of your website it is important to get a basic understanding of color and its effects. </li></li></ul><li>Colors in website designing <br /><ul><li>To create a good website, the website designer needs to know what affect colors can have on people. People subconsciously react to colors & associate them with different emotions and feelings. Colors don't just stir up emotions & feelings that might influence how a site is seen but they can also be cleverly used to direct users to specific sections of your site.  </li></li></ul><li>Colors in website designing <br />
  36. 36. Colors in website designing <br />