Explore: Colour


Colour-related diagrams

Each diagram can be viewed on its own page with a full explanation.

Why an Object Appears White in Sunlight
Why an Object Appears Red in Sunlight
Why an Object Appears Orange in Sunlight
Why an Object Appears Yellow in Sunlight
Why-an-Object-Appears-Green-in-Sunlight (svg) 02000-0-A-BL-EN
Why an Object Appears Blue in Sunlight
Why an Object Appears Violet in Sunlight
Why an Object Appears Cyan in Sunlight
Why an Object Appears Magenta in Sunlight
Why an Object Appears Transparent in Sunlight
Combining Different Wavelengths of Light to make White
Using RGB Colour to Mix Wavelengths of Light
Combining Red, Green and Blue Light
Spectral Colour and the RGB Colour Model
Spectral and RGB Colour
The Human Eye and RGB Colour
Red light Projected onto a Dark Surface
Green Light Projected onto a Dark Surface
Blue Light Projected onto a Dark Surface
Red, Green and Blue Lights Projected onto a Dark Surface
RGB Additive Colour Model
CMY Subtractive Colour Model
RYB Subtractive Colour Model
Spectral Colour Model
HSB Additive Colour Model
Overlapping Beams of Red and Green Light Make Yellow
Overlapping Beams of Green and Blue Light Make Cyan
Overlapping Beams of Blue and Red Light Make Magenta
Overlapping Beams of Cyan, Magenta and Yellow
Adding RGB Colours between Primaries
RGB Colour and Spectral Colour
RGB Colour Wheel with 3 Colours
RGB Colour Wheel with 3 Colours
RGB Colour Wheel with 6 Colours
RGB Colour Wheel with 6 Colours
RGB Colour Wheel with 18 Colours
RGB Colour Wheel with 18 Colours
RGB Colour Wheel with 30 Colours
RGB Colour Wheel with 30 Colours
RGB Colour Wheel with 102 Colours
Colour-Wheel-with-102-Colours (svg) 05300-3-A-BL-EN-RGB
RGB Colour Wheel with 196 Colours
RGB Colour Wheel with 196 Colours
Refraction and Dispersion of Wavelengths of Light
How to See a Rainbow
Take a Photo of a Rainbow
Rainbow Anatomy
Rainbows Seen From the Air
Rainbows Seen From the Ground
A Rainbow is an Optical Phenomenon
Sun, Observer & Bow Share Common Axis
Lower the Sun, Higher the Rainbow
Higher the Sun, Lower the Rainbow
Rainbows Appear as Arcs of Colour
The Apparent Position of a Rainbow
Deflection and Dispersion in Raindrops
Reflection & Refraction in a Raindrop
Dispersion in a Raindrop
Refraction & Dispersion in a Raindrop
Path of a Red Ray Through a Raindrop
Angle of Deviation in a Raindrop
Observed Colour of Raindrops
Angular Distance & Raindrop Colour
Primary & Secondary Rainbows
Raindrop Elevation & Colour
Alexander's Band
Colour Brightness & Angular Distance
Rainbows as Discs of Colour
Rainbows as Cones of Colour
Rainbows & the Polarization of Light
Polarization of Light in a Raindrop
Path of Parallel Rays Through a Raindrop
Path of Rays Through a Raindrop
Raindrop Anatomy
Raindrop Geometry
Angles of Deflection & Deviation
Minimum Angle of Deviation
Rainbow Rays
Angles of Deviation
Wavelength, Refractive Index & Colour
Spectral Colour
Making Spectral Colour using the RGB Colour Model
HSB Colour Model: Hue, Saturation and Brightness
Saturation in Sunlight
RGB Colour Model: Saturation
RGB and HSB Colour Values
HSB Colour Model: Hue and Saturation
HSB Colour Model: Hue and Brightness
HSB Colour Model: Hue and Saturation
HSB Colour Model: Hue and Brightness
RGB and HSB Colour Values
Hue and Greyscale
RGB Colour Wheels with 3 to 102 Colours
Colours Between RGB Primaries
Adding Colours Between RGB Primaries
Mixing Primary Colours in Different Proportions
Mixing RGB Primary Colours
Digital Screens use the RGB Colour Model
HSB Colour Model: Disks
HSB Colour Model: Disks
HSB Colour Model: Wedges
HSB Colour Model: Wedges
Greyscale: Disks
Greyscale: Disks
HSB Greyscale: Wedges
HSB Greyscale: Wedges
256 RGB Colours: Red to Yellow
256 RGB Colours: Yellow to Green
256 RGB Colours: Green to Cyan
256 RGB Colours: Cyan to Blue
256 RGB Colours: Blue to Magenta
256 RGB Colours: Magenta to Red
1530 RGB Colours
1530 RGB Colours
256 RGB Colours Between Red and Yellow
RGB Colour Picker: Red to Yellow
256 RGB Colours Between Yellow and Green
RGB Colour Picker: Yellow to Green
256 RGB Colours Between Green and Cyan
RGB Colour Picker: Green to Cyan
256 RGB Colours Between Cyan and Blue
RGB Colour Picker: Cyan to Blue
256 RGB Colours Between Blue and Magenta
RGB Colour Picker: Blue to Magenta
256 RGB Colours Between Magenta and Red
RGB Colour Picker: Magenta to Red

All images are free to download

Download slides


Most images on this website are available for download as either slides or illustrations.

Slides share common specifications:

  • Titles: Slides have titles.
  • Backgrounds: Black.
  • Size: 1686 x 1124 pixels (3:2 aspect ratio).
  • Slides are available in two file formats: JPG, AI (Adobe Illustrator).

Slides are optimized for viewing on-screen or with a projector.
Illustrations are optimized for printing on A4 pages in portrait format.

Download illustrations


Most images on this website are available for download as either slides or illustrations.

Illustrations share common specifications:

  • Titles: No titles.
  • Backgrounds: White.
  • Size: 1686 pixels wide. So all illustrations reproduce at the same scale when inserted into Word documents etc.
  • Labels: Calibri 24pt Italic.
  • Illustrations are available in two file formats: JPG, AI (Adobe Illustrator).

Illustrations are optimized for printing on A4 pages in portrait format.
Slides are optimized for viewing on-screen or using a projector.

File types: JPG


Download the image at the top of this page as a JPG file:

  • All JPG images available for download are 1686px wide.
  • Text on JPG images with white backgrounds is styled as Calibri 24pt Italic.
  • If the image you need is not exactly right, download it as an AI (Adobe Illustrator) file and edit it.
  • All the images on these Resource Pages were created in Adobe Illustrator and are vector drawings.

Did you know:

  • JPG stands for Joint Photographic Experts Group who created the standard.
  • The JPG file extension is used interchangeably with JPEG.
  • JPG files can be compressed for use on websites.
  • JPG files can be placed or pasted directly into MS Office documents.

File types: AI


Download the image at the top of this page as an AI (Adobe Illustrator) file:

  • All AI images available for download from lightcolourvision.org are 1686px wide.
  • All the images on these Resource Pages were created in Adobe Illustrator and are vector drawings.
  • Vector drawing can be scaled up or down without any loss of quality.

Did you know:

  • AI files downloaded from lightcolourvision.org can be re-edited using Adobe Illustrator for your own personal use.
  • Adobe Illustrator can save or export AI files to other formats including PDF (.pdf), PNG (.png), JPG (.jpeg) and SVG(.svg) etc.

Download agreement

Download Agreement


Before downloading or cutting and pasting from lightcolourvision.org we ask you to agree to the following terms:

  1. All information, images and other assets displayed or made available for download on the lightcolourvision.org website are copyright. This means there are limitations on how they can be used.
  2. All information, images and other assets displayed or made available for download are solely and exclusively to be used for personal, educational and non-profit purposes.
  3. When you find the resources you need, then part of the download process involves you (the user) ticking a box to let us (at lightcolourvision.org) know we both agree how the material can be used.
  4. Please contact [email protected] before considering any use not covered by the terms of the agreement above.

If you are a student, educator or researcher you might also like to read our posts Copyright: Credit where credit’s due and Citation and bibliographies before copying and pasting material into essays, assignments or other academic work. They include advice on avoiding plagiarism and how to credit other people’s words, images and assets before submitting your work for marking or assessment. If you are confused, just ask a friendly teacher, librarian, or other member of academic staff.


Like to know more?

Please contact [email protected] if you have questions about any aspect of this project.