256 RGB Colours – Red to Yellow – Values
$0.00
This is one of a series of six colour pickers that together show all 1530 fully saturated RGB colours along with their codes.
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)
Description
RGB Colour Picker: Red to Yellow
TRY SOME QUICK QUESTIONS AND ANSWERS TO GET STARTED
About the diagram
This is one of a series of six colour pickers that together show all 1530 fully saturated RGB colours along with their codes. Fully saturated colours are produced by mixing two primary colours together.
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 block of colour swatches is made up of 16 rows and 16 columns.
- The first swatch at the top left shows red which is a primary colour with its code 255, 00, 00.
- The last swatch at the bottom right shows yellow which is a secondary colour with its code 255, 255, 00.
- To make sense of RGB colours and codes 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 |
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
Primary colours are a set of colours from which others can be produced by mixing (pigments, dyes etc.) or overlapping (coloured lights).
- The human eye, and so human perception, is tuned to the visible spectrum and so to spectral colours between red and violet. It is the sensitivity of the eye to the electromagnetic spectrum that results in the perception of colour.
- A set of primary colours is a set of pigmented media or coloured lights that can be combined in varying amounts to produce a wide range of colour.
- This process of combining colours to produce other colours is used in applications intended to cause a human observer to experience a particular range of colours when represented by electronic displays and colour printing.
- Additive and subtractive models have been developed that predict how wavelengths of visible light, pigments and media interact.
- RGB colour is a technology used to reproduce colour in ways that match human perception.
- The primary colours used in colour-spaces such as CIELAB, NCS, Adobe RGB (1998) and sRGB are the result of an extensive investigation of the relationship between visible light and human colour vision.
- A colour model, underpinned by a colour theory, provides a precise and replicable approach to understanding:
- How the human eye perceives light and interprets colour.
- Different types of colour such as the colours produced when mixing lights, pigments or inks.
- How to manage the diverse ways colour is processed by equipment such as cameras, digital screens and printers.
- Whether or not we recognize it, whenever we are working with colour, we are adopting a colour theory, a colour model and a colour space.
- For more information see https://lightcolourvision.org/dictionary/definition/colour-model/
- To be clear about the RGB colour model it is useful to remember first that:
- The visible spectrum is the range of wavelengths of the electromagnetic spectrum that correspond with all the different colours we see in the world.
- A spectral colour is a colour corresponding with a single wavelength of visible light, or with a narrow band of adjacent wavelengths.
- The human eye, and so human perception, is tuned to the visible spectrum and so to spectral colours between red and violet. However, because of the way the eye works, we can see many other colours which are produced by mixing colours from different areas of the spectrum. A particularly useful range of colours is produced by mixing red, green and blue light.
- RGB colour is an entirely different approach to producing and managing colour.
- RGB colour is an additive colour model in which red, green and blue light is combined in various proportions to reproduce a wide range of other colours. The name of the model comes from the initials of the three additive primary colours, red, green, and blue.
- Except for the three primary colours, RGB colours are not spectral colours because they are produced by combining colours from different areas of the visible spectrum.
- RGB colour provides the basis for a wide range of technologies used to reproduce digital colour.
- RGB colour provides the basis for reproducing colour in ways that are well aligned with human perception.
- When an observer has separate controls allowing them to adjust the intensity of overlapping red, green and blue coloured lights they are able to create a match for a very extensive range of colours.
- When looking at any modern display device such as a computer screen, mobile phone or projector we are looking at RGB colour.
- Magenta is an RGB colour for which there is no equivalent spectral colour.
- An additive colour model explains how different coloured lights (such as LEDs or beams of light) are mixed to produce other colours.
- Additive colour refers to the methods used and effects produced by combining or mixing different wavelengths of light.
- The RGB colour model and HSB colour model are examples of additive colour models.
- Additive colour models such as the RGB colour model and HSB colour model can produce vast ranges of colours by combining red, green, and blue lights in varying proportions.
- An additive approach to colour is used to achieve precise control over the appearance of colours on digital screens of TVs, computers, and phones.
The perception of colour by an observer results from properties of light that are visible to the human eye. The visual experience of colour is associated with terms like red, blue and yellow.
- The observation of colour depends on:
- The range and intensity of wavelengths of visible light emitted by a light source, and the various media and materials it encounters on its journey to the retina of a human eye
- Optical phenomena such as absorption, dispersion, diffraction, polarization, reflection, refraction, scattering and transmission.
- Predispositions of an observer, such as their personal and social experience, health and state of mind.
The trichromatic colour model is a theory of colour that establishes terms, rules and methods to enable human colour vision to be dealt with in both systematic and practical ways.
A colour model is the how-to part of colour theory. Together they establish terms and definitions, rules or conventions and a system of notation for encoding colours and their relationships with one another.
A colour model is a way of:
- Making sense of the colours we see around us in the world.
- Understanding the relationship of colours to one another.
- Understanding how to mix each type of coloured media to produce predictable results.
- Specifying colours using names, codes, notation, equations etc.
- Organising and using colours for different purposes.
- Using colours in predictable and repeatable ways.
- Working out systems and rules for mixing and using different types of colour.
- Creating colour palettes, gamuts and colour guides.
Diagrams are free to download
Downloads: Slides or Illustrations
DOWNLOAD DIAGRAMS
- SLIDES are optimized for viewing on-screen.
- ILLUSTRATIONS are optimized for printing on A4 pages in portrait format.
SLIDES
- 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
- 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
DOWNLOAD THE DIAGRAM ON THIS PAGE AS A JPG FILE
- 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.
DOWNLOAD THE DIAGRAM ON THIS PAGE AS AN AI file
- 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.
COPY & PASTING TEXT
- After copy/pasting text please do a spell-check to change our spelling to match your own document.
DOWNLOAD DIAGRAMS
- 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
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.
ALL RIGHTS RESERVED
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
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:
- 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.
- 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.
- 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.
- Please contact [email protected] 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
[email protected]
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 🙂
