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

Slides:

Advertisements

Similar presentations

An Introduction to Mixing Colors.

Advertisements

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.

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.

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-

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.

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.

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. -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.

And Elvis said ……… ……Let there be Light The Visible Spectrum.

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.

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.

Light & Color What happens to the light that strikes an object? What determines the color of opaque, transparent & translucent object? How is mixing pigments.

COLOR THEORYCOLOR THEORY. Pigment vs. Light pigments - "subtractive." Red, blue and yellow can create all the colors of the color wheel. (paint, pigments)

Light and color.

INTRO TO LIGHT. Learning Scale 4 – Design an experiment to show how waves move at different speeds through different materials. 3 – Explain why waves.

# Red Green Blue Digital Color RGB to HEX.

Color Theory KIMBERLY CATES-MERAZ. Choosing the Right Color the most effective color choices go beyond just personal preference colors have an extraordinary.

18.1 Light and Color Pg

Light and Color Section 4. Light and Matter When light strikes any matter it can interact with matter in 3 different ways: It can be: reflected, absorbed.

Now let’s focus on… The visible spectrum The visible spectrum –Light and pigment.

Color Mixing By: Whitney Buley.

Color & Light Benjamin Hammel image by refeia

Aim: Explain the difference between primary, secondary and complementary colors of light as well as pigments ? OBJ: Given notes and activity sheet SWBAT.

WHAT MAKES RED DIFFERENT THAN BLUE? THEY HAVE DIFFERENT WAVELENGTHS AND DIFFERENT FREQUENCIES.

Stagecraft – Sylvan Hills High School. ????????????????

Light and Color There are 3 primary colors of light RED, GREEN, & BLUE

IPC Notes Light & Color. The colors of light that we see are the colors of light that an object reflects towards our eyes. ex) blue jeans absorb all colors.

Colors of Pigment The primary colors of pigment are magenta, cyan, and yellow. [

R O Y G B V ellowreenrangelueiolet LONG SHORT ed low energy high energy.

Elements of Design 1.02 Investigate Design Principles and Elements.

Hue: the property of light by which the color of an object is classified as red, blue, green, or yellow in reference to the spectrum. Saturation: the.

HSB to RGB to HEX.

Is the practical guidance to color mixing and the visual effects of a specific color combination.

COLORCOLOR. The Color Spectrum The spread of colors from white light when passed through a prism or diffraction grating. –Red, Orange, Yellow, Green,

 There are 3 primary colors of light RED, GREEN, & BLUE  When these colors of light are mixed… White Light is produced  This process is called color.

Section 4 Color.

Color Mixing By: Whitney Buley.

Design Concepts: Module A: The Science of Color

The Colour of Light: Additive colour theory.

Subtractive colour theory

Notes 22.3: Using Color.

18.1: Light Key concepts: What happens to the light that strikes an object? What determines the color of an opaque, transparent, or translucent object?

How would you describe the color RED to a person who cannot see?

Mixing coloured lights

Color Combinations Design.

Colour Theories.

Programming Graphic LCD

Programming Graphic LCD

Two ways to discuss color 1) Addition 2) Subtraction

Programming Graphic LCD

What Color is it?.

Programming Graphic LCD

Programming Graphic LCD

Chapter 3 – Light 3.1 Light and Color.

Created for CVCA Physics by Dick Heckathorn 31 May 2K+4

Created for CVCA Physics by Dick Heckathorn 31 May 2K+4

Section 3.4 The Colors of Light.

Color Highlights Unit 6.

Presentation transcript:

Color in Web Design

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

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

Hexadecimal Notation Base 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

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

Color Concepts and Issues B = (299 * R * G * B 3 )/(255 3 * 100)  #fff has a brightness of  #fc3 has a brightness of  #000 has a brightness of 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