HSB Colour Model – Hue & Saturation – Grid

$0.00

This diagram is a new addition to the site! More information will be added ASAP 🙂

Description

HSB Colour Model - Hue & Saturation

TRY SOME QUICK QUESTIONS AND ANSWERS TO GET STARTED

About the diagram

Some key terms

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.

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.

  • This entry discusses colour brightness and the HSB colour model, where H represents hue, S represents saturation, and B represents brightness.
  • Colour brightness can be understood as the variation in how a colour is perceived by an observer under well-lit conditions compared to its more muted appearance when in shadow or under poor illumination.
  • In the HSB colour model:
    • Hue refers to the perceived difference between colours and is usually described using names such as red, yellow, green, or blue.
    • Saturation refers to the vividness of a colour compared to an unsaturated colour.
    • Brightness refers to the perceived difference in the appearance of colours under ideal sunlit conditions compared to poor lighting conditions where a hue’s vitality is lost.
      • Brightness can be measured as a percentage from 100% to 0%.
      • As the brightness of a fully saturated hue decreases, it appears progressively darker and achromatic.
  • A colour wheel is a circular diagram divided into segments, featuring primary colours, and used to visualize the result of colour mixing.
  • Colour wheels can enhance understanding of colour relationships and assist with the accurate selection and reproduction of colours.
  • A colour wheel starts with segments representing primary colours. Additional segments are added between them to explore the outcome of mixing adjacent primary colours.
  • By adding more segments between existing ones, further mixing of adjacent colours can be explored.
  • A colour wheel exploring the additive RGB colour model starts with red, green, and blue primary colours.
  • A colour wheel exploring the subtractive CMY colour model starts with cyan, magenta, and yellow primary colours.

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:

  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
kiaora.lightcolourvision@gmail.com

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