Presentation is loading. Please wait.

Presentation is loading. Please wait.

Color in Web Design. Overview: Color Topics Myths & Misconceptions Hexadecimal Notation Color Concepts and Issues.

Published byGloria Hollie Tate Modified over 8 years ago

Similar presentations

Presentation on theme: "Color in Web Design. Overview: Color Topics Myths & Misconceptions Hexadecimal Notation Color Concepts and Issues."— Presentation transcript:

1 Color in Web Design

2 Overview: Color Topics Myths & Misconceptions Hexadecimal Notation Color Concepts and Issues

3 Myths & Misconceptions Color works just like your paint set You can use all 16,777,216 colors You should use only the 218 safe colors Black and White is best More is better Choice is solely a matter of personal taste Color-blind people cannot see some colors

4 Hexadecimal Notation Base 16 0 1 2 3 4 5 6 7 8 9 a b c d e f #ff0000 is red #00ff00 is green #0000ff is blue #f00 is the same as #ff0000 #0f0 is the same as #00ff00 #00f is the same as #0000ff 4096 available colors

5 Color Concepts and Issues Primary colors: Red Green Blue  #f00 #0f0 #00f Secondary colors: Yellow Cyan Magenta  #ff0 #0ff #f0f Red vs Cyan Green vs Magenta Blue vs Yellow Green brighter than Red brighter than Blue

6 Color Concepts and Issues B = (299 * R 3 + 587 * G 3 + 114 * B 3 )/(255 3 * 100)  #fff has a brightness of 10.000  #fc3 has a brightness of 6.0046  #000 has a brightness of 0.0000 For best readability, choose colors with fairly high contrast For best readability, use dark letters on a light background Avoid red/green and blue/yellow combinations which have similar brightness values

Download ppt "Color in Web Design. Overview: Color Topics Myths & Misconceptions Hexadecimal Notation Color Concepts and Issues."

Similar presentations

An Introduction to Mixing Colors.

An Introduction to Mixing Colors.
Chapter 2: Section 2 Visible light and Color

Chapter 2: Section 2 Visible light and Color
Most-to-Least Legible Color Combinations for Viewing on Slide Shows Color and contrast are very important tools in communication. They can be used to enhance.

Most-to-Least Legible Color Combinations for Viewing on Slide Shows Color and contrast are very important tools in communication. They can be used to enhance.
Additive vs. Subtractive There are two different ways to mix colors.

Additive vs. Subtractive There are two different ways to mix colors.
2.2 Visible Light and Color 7.6.e Students know that white light is a mixture of many wavelengths (colors) and that the retinal cells react differently.

2.2 Visible Light and Color 7.6.e Students know that white light is a mixture of many wavelengths (colors) and that the retinal cells react differently.
Visible Light and Color

Visible Light and Color
RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-
Contains 16,777,216 Colors. My Car is red My Car is red How do I add colors to my web page? Notepad Browser Works with the “Standard” colors: Red, Green,

Contains 16,777,216 Colors. My Car is red My Car is red How do I add colors to my web page? Notepad Browser Works with the “Standard” colors: Red, Green,
SNC2D. Primary LIGHT colours are red, green, and blue SECONDARY light colours are created by combining only two of the three primary colours of light.

SNC2D. Primary LIGHT colours are red, green, and blue SECONDARY light colours are created by combining only two of the three primary colours of light.
C O L O R S PRINT VS MULTIMEDIA. Main Difference Print –Primary Colors CMYK Cyan, Magenta, Yellow, Black - Subtractive Color system –Add together = black.

C O L O R S PRINT VS MULTIMEDIA. Main Difference Print –Primary Colors CMYK Cyan, Magenta, Yellow, Black - Subtractive Color system –Add together = black.
1.Students will identify the three primary, secondary and analogous colors. 2.Students will identify how to tint a color and how to shade a color. 3.Students.

1.Students will identify the three primary, secondary and analogous colors. 2.Students will identify how to tint a color and how to shade a color. 3.Students.
CMYK vs. RGB Design. Primary colors The colors that make up the base for every other color created. Depending on whether you are looking at it from science,

CMYK vs. RGB Design. Primary colors The colors that make up the base for every other color created. Depending on whether you are looking at it from science,
Color Schemes. Basic Color Theory O Primary Colors- Red, Yellow, and Blue. Primaries are mixed together to make all other colors. O Secondary Colors-

Color Schemes. Basic Color Theory O Primary Colors- Red, Yellow, and Blue. Primaries are mixed together to make all other colors. O Secondary Colors-
Color. -Visual light -An integral part of the sculpture -Creates desired effect -Distinguish items -Strengthen interest.

Color. -Visual light -An integral part of the sculpture -Creates desired effect -Distinguish items -Strengthen interest.
ROY G BIV The natural light that we see coming from the sun is generally perceived as white light. But we have all seen colored light in the form of a.

ROY G BIV The natural light that we see coming from the sun is generally perceived as white light. But we have all seen colored light in the form of a.
And Elvis said ……… ……Let there be Light The Visible Spectrum.

And Elvis said ……… ……Let there be Light The Visible Spectrum.
The Color Wheel Claire Heider The Primary Colors.

The Color Wheel Claire Heider The Primary Colors.
Colour Wheel How to mix the colours you want!. Additive color refers to the mixing of colors of light. This example shows how the light from red, green.

Colour Wheel How to mix the colours you want!. Additive color refers to the mixing of colors of light. This example shows how the light from red, green.
What are the five colors in the legend? Enter the information below (5 points) 0000FF = 000000 = FFFFFF = 00FF00 = FF0000 = Color Theory Legend: income.

What are the five colors in the legend? Enter the information below (5 points) 0000FF = = FFFFFF = 00FF00 = FF0000 = Color Theory Legend: income.
Web Colors. Web Colors: Up until now, we have been using only pre- defined color names, such as orange and lightblue. As web designers, we need the.

Web Colors. Web Colors: Up until now, we have been using only pre- defined color names, such as "orange" and "lightblue". As web designers, we need the.

Similar presentations

Ads by Google