# 48 03 15 Red Green Blue Digital Color RGB to HEX.

Slides:



Advertisements
Similar presentations
The Role of Color in Design Just FACS. Warm Colors Warm colors: red, orange, and yellow –Red and orange conveys the most warmth –Warm colors are suitable.
Advertisements

Fundamentals of Digital Imaging
© red ©
Week 7 Colour and Typography. The three types of cones.
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-
March 2006Taner Erig - EMU2-1 Metamorphosis of Information How is information represented and how do computers store information?
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,
Digital Colour Theory. What is colour theory? It is the theory behind colour mixing and colour combination.
Color Theory Designing with color. The Color Wheel.
Color Wheel A tool to use to understand the uses of color.
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 Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them.
Color. -Visual light -An integral part of the sculpture -Creates desired effect -Distinguish items -Strengthen interest.
Basic Colors from which all other colors are made. These 3 colors are equally spaced.
Color Management. How does the color work?  Spectrum Spectrum is a contiguous band of wavelengths, which is emitted, reflected or transmitted by different.
Colours and Computer Jimmy Lam The Hong Kong Polytechnic University.
Color Sources:
Color Theory And Photography
What are the five colors in the legend? Enter the information below (5 points) 0000FF = = FFFFFF = 00FF00 = FF0000 = Color Theory Legend: income.
Computer Screen Colors1 Colors Colors can be made of mixtures of 3 primary colors. If the medium is illumination (like on the face of a CRT) the colors.
Number Systems CIT Network Math
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.
Hexadecimal Codes 1. RGB Color Wheel 2 Before we begin Hexadecimal is a number system Based on using 0 – F to represent 0 – 15 Hex is used to represent.
Yellow Blue Red Orange Green Purple Primary Yellow Blue Red Orange Green Purple Primary + Primary = Secondary.
CSC Computing with Images
Art Elements Color. COLOR is light reflected off objects.
The Color Wheel. THE COLOR WHEEL REDORANGEYELLOWGREENBLUEVIOLET.
Do Now: Do Not Log In. Take out your notebook and a pen. Good morning! Do Now: Do Not Log In. Take out your notebook and a pen. Good morning! Aim: Review.
Light Can Act Like Waves or Particles In 1801 Thomas Young an English scientist did the Double slit experiment. In 1801 Thomas Young an English scientist.
COLOR THEORYCOLOR THEORY. Pigment vs. Light pigments - "subtractive." Red, blue and yellow can create all the colors of the color wheel. (paint, pigments)
ColorColor There are many ways to describe color..
There are many ways to describe color.
Begin on page 256 and define each term. Color wheel Primary colors Secondary colors Tertiary/intermediate colors Hue Value Shade Tint Intensity Neutral.
Color Theory KIMBERLY CATES-MERAZ. Choosing the Right Color the most effective color choices go beyond just personal preference colors have an extraordinary.
Ch 6 Color Image processing CS446 Instructor: Nada ALZaben.
PRIMARY COLOURS Primary Colours: The 3 primary colours are red, yellow and blue. They are three colours that can't be made by mixing any other colours,
Beam Penetration & Shadow Mask Method
Stagecraft – Sylvan Hills High School. ????????????????
Computer Science and Software Engineering© 2014 Project Lead The Way, Inc. Bits and Bytes.
© UNT in partnership with TEA1 Advanced AV Production Color Theory.
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.
COLOR 3.02 Implement color terminology and the components of the color wheel.
Announcements Chapter 8 for today. 2 More Digitization Light, Sound, Magic: Representing Multimedia Digitally © Lawrence Snyder, 2008.
Elements of Design 1.02 Investigate Design Principles and Elements.
Color in Web Design. Overview: Color Topics Myths & Misconceptions Hexadecimal Notation Color Concepts and Issues.
1.02 Color Here we go AGAIN!. A chart used to choose colors—helps you choose colors that look good together. Color Palette.
HSB to RGB to HEX.
PART TWO Electronic Color & RGB values 1. Electronic Color Computer Monitors: Use light in 3 colors to create images on the screen Monitors use RED, GREEN,
Is the practical guidance to color mixing and the visual effects of a specific color combination.
Color Theory Vocabulary. Properties of Color Hue – The quality by which we recognize one color from another; hue is the name of the color. Hue – The quality.
COLORCOLOR INTENSITY: How bright or dull a color appears PRIMARY COLORS: Red/Yellow/Blue WARM COLORS: Advance Objects appearing larger and closer to you.
RED, YELLOW, and BLUE These colors cannot be made Used to make all other colors.
The Color Wheel.
Design Concepts: Module A: The Science of Color
Advanced AV Production
There are many ways to describe color.
The Colour of Light: Additive colour theory.
Colour theory.
Element of Art Color.
Project 5A and 5B: COLOR 5A Color Chart and 5B Color Scheme Portraits Using Oil Paint.
Colour Theories.
Hexadecimal Binary Made Easier.
Two ways to discuss color 1) Addition 2) Subtraction
Advanced AV Production
Color and Shading Lecture 9 Mon, Sep 26, 2005.
What Color is it?.
Web Colors.
Section 3.4 The Colors of Light.
Presentation transcript:

# 48 03 15 Red Green Blue Digital Color RGB to HEX

Color Pixels Each pixel composed red, green and blue phosphers with black mask. Each channel of the RGB has brightness levels between 0 to 255. Total number of possible colors is 256*256*256 = 16,777,216 The human eye blends RGB pixels into range of other colors depending on the light.

Color Saturation Color Saturation is how bright or dull the color is Color Saturation on the computer is controlled by the intensity of the electrons firing in the RGB filters. High intensity means more light coming through the color phosphers which makes the screen color brighter Lower intensity means less light coming through the color phosphers which makes the screen color duller.

The Way it Works All phosphors without electrons firing gives black color All phosphors with full electron intensity gives white All phosphors equal amount electrons at lower intensity gives gray Pixel

The Way it Works All red phosphors gives red color at high intensity All green phosphors at high intensity gives green All blue phosphors at high intensity gives blue Pixel

The Way it Works Pixel Green & red at high intensity display yellow Green & blue at high intensity display cyan Blue & red at high intensity display magenta Pixel

Different brightness level RGB combos create different pixel colors The Way it Works Different brightness level RGB combos create different pixel colors Green at lower intensity & red at higher intensity can create orange Green at lower intensity & red at higher & blue at higher intensity can create pink Green at higher intensity, blue at higher intensity & red at lower intensity can create light blue Pixel

Decimal System 1 2 3 4 5 6 7 8 9 Based on human anatomy (fingers & toes) - base of 10 Any number combo can be made by adding on another number

Hexadecimal Color System 1 2 3 4 5 6 7 8 9 A B C D E F Base 16 number system Last 6 numbers represented by letters

RGB is in decimal form – Web color in hexadecimal form Decimal - Hexadecimal RGB is in decimal form – Web color in hexadecimal form 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 A B C D E F 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 1A 1B 1C 1D 1E 1F Decimal Hexadecimal Decimal Hexadecimal 0 is the first number of both systems 0=00 255=FF

RGB to Hex Brightness levels of pixels - 0 to 255 (RGB) In web, Hex color system describes the color levels of the pixel 00=0, FF=255

RGB Neutral Colors in Hex Code form How it Works = 00 00 00 = FF FF FF = 99 99 99 RGB Neutral Colors in Hex Code form Pixel

RGB Primary Colors in Hex Code form How it Works = FF 00 00 = 00 FF 00 = 00 00 FF RGB Primary Colors in Hex Code form Pixel

RGB Secondary Colors in Hex Code form How it Works = FF FF 00 = 00 FF FF = FF 00 FF RGB Secondary Colors in Hex Code form Pixel

Hex Color Manipulation Hex code shorthand - #369 also means #336699 When number pairs are farther apart, color changes significantly in saturation - #376696 When the numbers are closer together – color results are more neutral in brightness tone - #373046

Examples of wide number spread in the pairs #376696 #663796 #669637 Examples of narrow number spread in the pairs #303846 #383046 #304638