Top Banner
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors
17

Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Dec 19, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

Color Models & Color Space

5 ways of specifying colors

Page 2: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

Color Models

• RGB - mixing primary light colors

• CMYK - mixing primary pigment colors

• Indexed color - matching colors on screen to a specific color table

• Lab color - international standard, device independent

• HSB - hue, saturation & brightness

Page 3: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

Additive color model (RGB)

• Red, blue & green are primary colors

• Applies when mixing colors of light (on tv & computer screens, theatrical lighting)

• Mixed primaries make white light

Page 4: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

An RGB color image

Redchannel

only

Red +Green

Green + blue

Red + blue + green

Page 5: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

Subtractive color model (CMYK)

• Cyan, magenta & yellow are primary colors

• Applies when pigments are mixed on a surface (printing, painting, etc.)

• Mixed primaries make “black”

Page 6: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

Elements of a CMYK image

Page 7: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

C + M printers

Page 8: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

C + M + Y printers

Page 9: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

C + M + Y + K printers

Page 10: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

The Lab color model• Three axes (L, a & b)

define a “color space.”• All colors can be

precisely defined by their position in this space.

• Lab model is a world-wide standard for all monitors & printers.

Page 11: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

Elements of an Lab image

Luminance (L)

Color axis a (green/magenta)

Color axis b (yellow/blue)

Page 12: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

HSB color model

HSB model is based on human perception of color, represented by the color wheel.

Page 13: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

HSB color model

• Hue is the color reflected from or transmitted through an object. Hue is identified by the name of the color.

• Saturation represents color purity-- the amount of gray in proportion to the hue.

• Brightness is the relative lightness or darkness of the color.

Page 14: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

Photoshop’s HSB controlsNormal image

Image with hue, saturation and

brightness altered.

Page 15: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

Color gamuts

Page 16: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

Out-of-gamut colors

Colors specified in RBG Colors printed in CMYK

Colored inks on paper cannot reproduce the bright, intense colors that are possible when mixing with light on a monitor. If your art is to be printed on paper, specify colors in CMYK mode to avoid “color shock” when your job comes back from the print shop.

Page 17: Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.

Multi-media Graphics JOUR 205

Index color: web-safe palette

Original RGB format Image indexed to web palette

24-bit RGB images may contain 16.7 million colors. Index color images can have no more than 255 colors. The web-safe palette has only 216 colors. Those colors are common to both Macintosh and Windows operating systems.