256 RGB Colours – Yellow to Green – Grid



256 RGB Colours - Yellow to Green

Secondary colours are the colours produced by mixing pairs of primary colours in equal proportions. The secondary colours in the RGB colour model are cyan, magenta and yellow.
Overlapping wavelengths of light corresponding with cyan, magenta and yellow make white because, when reflected off a neutral coloured surface, each adds more wavelengths to the reflected light.
When red (660 nm), green (525 nm) and blue (460 nm) colours of light are projected at the same intensity onto a neutral coloured surface they produce white.
In the HSB colour model saturation refers to the perceived difference between one colour and another in terms of vividness. Saturation is measured between a fully saturated colour (100%) and an unsaturated colour that appears dull and washed out until all colour disappears leaving only a monochromatic grey tone (0%). A fully saturated colour is produced by a single wavelength

About the diagram

This is one of a series of six diagrams that together show all 1530 fully saturated colours in the RGB colour model.

Each diagram shows 256 colours starting with a primary and finishing with a secondary colour or visa-vera:

  • Red (primary colour) to yellow (secondary colour)
  • Yellow (secondary) to green (primary)
  • Green (primary) to cyan (secondary)
  • Cyan (secondary) to blue (primary)
  • Blue (primary) to magenta (secondary)
  • Magenta (secondary) to red (primary)

Understanding the diagram

  • All the colours in this diagram have been produced by mixing different proportion of red and green light. The third primary colour, blue, is always off.
  • The diagram shows a stripe of yellow at the top, so both red and green have been set to maximum intensity to produce the secondary colour.
  • The stripe of green at the bottom results from red being turned to minimum and green to maximum intensity.
  • The block of colour swatches between the stripes are made up of 16 rows and 16 columns.
  • The first swatch at top left matches the yellow stripe: yellow = 255, 255, 00.
  • The last swatch at bottom right matches the green stripe: green = 00, 255, 00.
  • To make sense of this, it helps to understand how RGB colour notation works:
  • When mixing any RGB colour, three numbers (separated by commas) show how much red, green and blue light is to be used.
  • The minimum value for each light source is 0. In this case the light is fully off.
  • The maximum value for each light source is 255. In this case the light source is fully on.
  • As each number increases so does the intensity of the corresponding light but the wavelength, and so the colour we see, stays the same.
RGB colour values
Light source Red Green Blue
Maximum value for each light source (fully on) 255 , 255 , 255
Values between 0 and 255 1 to 254 1 to 254 1 to 254
Minimum value for each light source (fully off) 0 , 0 , 0

RGB colour values

Now let’s look at RGB colour values in detail

RGB colour values are represented by decimal triplets (base 10) or hexadecimal triplets (base 16). These triplets are used in software and apps to select a colour.

  • In decimal notation, an RGB triplet is used to represent the values of red, then green, then blue.
  • Decimal numbers between 0 and 255 are selected for each value:
  • Red = 255, 00, 00
  • Yellow = 255, 255, 00
  • Green = 00, 255, 00
  • Cyan = 00, 255, 255
  • Blue = 00, 00, 255
  • Magenta = 255, 00, 255
  • In hexadecimal notation, an RGB triplet is used to represent the value of red, then green, then blue.
  • Hexadecimal numbers between 00 and FF are selected for each value.
  • The hash symbol (#) is used to indicate hex notation:
  • Red = #FF0000
  • Yellow = #FFFF00
  • Green = #00FF00
  • Cyan = 00FFFF
  • Blue = #0000FF
  • Magenta = #FF00FF
  • The sequence of hexadecimal values between 1 and 16 are: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E and F.
  • The sequence of hexadecimal values between 17 and 32 are: 10,11,12,13,14,15,16,17,18,19,1A,1B,1C,1D,1E and 1F.

Some key terms

Colour model

A colour model is the how-to part of colour theory. Together they establish terms and definitions, rules or conventions and ...


Things appear coloured to an observer because colour corresponds with a property of light that is visible to the human ...

What is the trichromatic colour model?

The trichromatic colour model is a theory of colour that establishes terms, rules and methods to enable human colour vision ...

Additive colour

An additive approach to colour refers to a method of mixing different wavelengths of light to produce other colours. An ...

Diagrams are free to download

Downloads: Slides or Illustrations

  • SLIDES are optimized for viewing on-screen.
  • ILLUSTRATIONS are optimized for printing on A4 pages in portrait format.
  • Slides are available in JPG and AI (Adobe Illustrator) file formats.
  • Titles: Slides have titles.
  • Backgrounds: Black.
  • Size: 1686 x 1124 pixels (3:2 aspect ratio).
  • Illustrations are available in JPG and AI two file formats.
  • Titles: No titles.
  • Backgrounds: White.
  • Size: 1686 x 1124 (3:2 aspect ratio). So all illustrations reproduce at the same scale when inserted into Word documents etc.
  • Labels: Calibri 24pt Italic.

File formats: JPG & AI

  • JPG (JPEG) diagrams are 1686 x 1124 pixels (3:2 aspect ratio).
  • If a JPG diagram doesn’t fit your needs, you can download it as an AI (Adobe Illustrator) file and edit it yourself.
  • JPG files can be placed or pasted directly into MS Office documents.
  • All AI (Adobe Illustrator) diagrams are 1686 x 1124 pixels (3:2 aspect ratio).
  • All our diagrams are created in Adobe Illustrator as vector drawings.
  • Save as or export AI files to other formats including PDF (.pdf), PNG (.png), JPG (.jpeg) and SVG(.svg) etc.

Spelling: UK & US

We use English (UK) spelling by default here at lightcolourvision.org.

  • After copy/pasting text please do a spell-check to change our spelling to match your own document.
  • Download AI versions of diagrams to change the spelling or language used for titles, labels etc.
  • We are adding American English (US) versions of diagrams on request. Just contact us and let us know what you need.
  • When downloading JPG versions of diagrams, look out for JPG (UK) or JPG (US) in the download dialogue box.

Download agreement


Light, Colour, Vision & How To See More (https://lightcolourvision.org) : Copyright © 2015-2022 : MediaStudies Trust.

Unless stated otherwise the author of all images and written content on lightcolourvision.org is Ric Mann.


No part of this website may be copied, displayed, extracted, reproduced, utilised, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical or otherwise including but not limited to photocopying, recording, or scanning without the prior written permission of MediaStudies Trust.


Exceptions to the above statement are made for personal, educational and non-profit purposes:

Before downloading, cutting and pasting or reproducing any information, images or other assets found on lightcolourvision.org we ask you to agree to the following terms:

  1. All information, images and other assets displayed and 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 on how the material can be used.
  4. Please contact kiaora.lightcolourvision@gmail.com before considering any use not covered by the terms of the agreement above.

The copyright to all information, images and all other assets (unless otherwise stated) belongs to:

The Trustees. MediaStudies Trust
111 Lynbrooke Avenue
Blockhouse Bay
Auckland 0600
New Zealand

We love feedback

Your name and email address will be used solely to provide you with information you have specifically requested. See our privacy policy at https://lightcolourvision.org/privacy/.

We welcome your feedback 🙂

    Note: The feedback form records the URL of the current page

    Thank you so much for your time and effort