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-

Slides:



Advertisements
Similar presentations
Data import and export Skills: none IT concepts: data import and export, common data format This work is licensed under a Creative Commons Attribution-Noncommercial-
Advertisements

Skills: none Concepts: an image representation code, the number of bits in a code, the amount of information in an image This work is licensed under a.
Skills: selecting colors, specifying colors in HTML Concepts: combining red, green and blue light to generate colors, combining light versus combining.
Creating hyperlinks with the tag Skills: using the tag IT concepts: tag, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Skills: include images in Web pages Concepts: tag, attribute, value, path (to a stored file) This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Skills: selecting, cropping, resizing and sharpening an image, using the tool setting and status information in Paint.net Concepts: image size, information.
Skills: Using several image processing tools and commands Concepts: image processing tools, image processing operations This work is licensed under a Creative.
Skills: none Concepts: the amount of information in an image This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Skills: posting images on Twitter using Twitpix.com Concepts: application ecosystem, application program interface (API) This work is licensed under a.
Encoding images Skills: none IT concepts: an image representation code, the number of bits in a code, the amount of information in an image This work is.
Retrieving compound pages This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:
Audio recording Skills: microphone position and adjustment IT concepts: clipping, dynamic range This work is licensed under a Creative Commons Attribution-Noncommercial-
Mobile and portable connectivity Skills: none IT concepts: mobile vs portable connectivity, connectivity options (WiFi, cellular and satellite), characteristics.
Audio data Skills: Set sample size and rate in Audacity IT concepts: analog to digital conversion, digital to analog conversion, sample rate, sample size,
An image processing session Skills: change view (zoom in or out), rotate, select a portion, crop, resize, change contrast, filter, compress IT concepts:
Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
An image processing session Skills: change view, rotate, select a portion of, crop, resize, change contrast, filter an image, undo an operation IT concepts:
Information loss in compression Skills: none IT concepts: lossy and lossless compression This work is licensed under a Creative Commons Attribution-Noncommercial-
Copying Web images (the right mouse button is your friend) Skills: Copy a Web image, see the properties of a Web image, use the right mouse button IT concepts:
Internet backbones today Skills: none IT concepts: good news (expanding rapidly, performance improving), bad news (uneven global capacity) This work is.
Image compression Skills: none IT concepts: effect of image compression This work is licensed under a Creative Commons Attribution-Noncommercial- Share.
Attributes of HTML tags Skills: none IT concepts: HTML tag, value, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-
Including images in Web pages Skills: use the tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.
Data plus a code → information Skills: none IT concepts: text code This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.
Copying Web images Skills: Copy a Web image, see the properties of a Web image IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
Communicating with images This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:
Creating hyperlinks with the a tag Skills: using the a tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
The CalREN backbone Skills: none IT concepts: backbone topology, LAN backbone connection, backbone management, link traffic statistics, device status statistics.
Communicating with images This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:
Background survey This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts: survey service,
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,
Colour & Image in HTML Wah Yan College (Hong Kong) Mr. Li C.P.
Cascading Style Sheets 1 Color and Backgrounds. Cascading Style Sheets 2 Color and Backgrounds Computer color basics Expression of color values using.
Digital Colour Theory. What is colour theory? It is the theory behind colour mixing and colour combination.
Version 1.0, 30 June 2004 APPLICATIONS OF METEOSAT SECOND GENERATION (MSG) RGB IMAGES: PART 02 INTRODUCTION TO RGB COLOURS Author:Jochen Kerkmann (EUMETSAT)
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,
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Kevin Murphy Web Color Basics Masters Project CS 490.
Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.
More Basic XHTML Module 2: XHTML Basics LESSON 2.
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.
Colors. Color of HTML Elements You can control the color of the following elements: You can control the color of the following elements: All text within.
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.
# Red Green Blue Digital Color RGB to HEX.
Ch 6 Color Image processing CS446 Instructor: Nada ALZaben.
By: Ashley. Spot Color Spot color refers to the process of selecting text or a graphic object such as a circle and then adding a spot of color to it.
XHTML Formatting font with a style declaration. Formatting Font HTML uses the font tag to change size and family of font But… the font tag is being deprecated.
12/20/20151 Color Fall, 2010 Modified by Linda Kenney 10/26/10.
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.
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,
 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.
Chapter 13 Colors & backgrounds.
Design Concepts: Module A: The Science of Color
Web Development & Design Foundations with HTML5
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
Colour Theories.
Hexadecimal Binary Made Easier.
HTML (Hypertext Markup Language )
Two ways to discuss color 1) Addition 2) Subtraction
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
What Color is it?.
Web Colors.
Chapter 3 – Light 3.1 Light and Color.
METEOSAT SECOND GENERATION (MSG) INTRODUCTION TO RGB COLOURS
Skills: microphone position and adjustment
Presentation transcript:

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- Share Alike 3.0 License.

Where does this topic fit? Internet concepts –Applications –Technology –Implications Internet skills –Application development –Content creation (images)

red + blue + green → white

Combine three colors for each pixel Intensities of each color can range from

Color Red GreenBlue Red25500 Green02550 Blue00255 Yellow255 0 Cyan0255 Magenta2550 White255 Black000 A few examples

Use decimal or hexadecimal

Color Decimal (Red, Green, Blue) Hexadecimal (#RRGGBB) Black(0, 0, 0)# White(255, 255, 255)#FFFFFF Red(255, 0, 0)#FF0000 Green(0, 255, 0)#00FF00 Blue(0, 0, 255)#0000FF Yellow(255, 255, 0)#FFFF00 Cyan(0, 255, 255)#00FFFF Magenta(255, 0, 255)#FF00FF A few examples

RGB demonstration service

Millennium Park, Chicago A large RGB display

Coffee cup pixels

Zoom and pan for detail A very large image 297,500 x 87,500 pixels (26 gigapixels)

A few questions How many different colors are possible using the RGB model? What colors are the background and text on a page with this body tag: What happens if you change the values of the bgcolor and text attributes?

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- Share Alike 3.0 License.