Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
colour [2015/06/11 07:56]
slackermedia 		colour [2021/06/03 19:48] (current)
Line 1: Line 1:
-[[{arrowp.png|border:​0;​background:​none;​width:​0;​display:​inline-block;​position:​absolute;​top:​0;​left:​0;​}deps|]] 
  
-[[{arrown.png|border:​0;​background:​none;​width:​0;​display:​inline-block;​position:​absolute;​top:​0;​margin-left:​2.5em;​}jack|]] 
  
 ======Colourspace====== ======Colourspace======
Line 39: Line 37:
 A device that renders colour has, inherently, some definition of what colours it is able to produce. Most modern devices are capable of producing a little under 17 million colours, but colours are produced in relation to either a white or black value. If you want to produce the colour "​green",​ then you must know //how green?//, and we define how "​green"​ something is depending on how far from absolute white it is located. A device that renders colour has, inherently, some definition of what colours it is able to produce. Most modern devices are capable of producing a little under 17 million colours, but colours are produced in relation to either a white or black value. If you want to produce the colour "​green",​ then you must know //how green?//, and we define how "​green"​ something is depending on how far from absolute white it is located.
  
-{{ colorwheel_cc-sa.png?444 }}+{{ colorwheel_cc-sa.jpg?444 }}
  
 A colourspace includes, therefore, a defined reference point for absolute white. Using this as a starting point, a device knows how much of each colour needs to be painted onto each pixel in order to generate certain hues. But everything is always relative to that the white point that is generated by that colourspace. What is white on one device will look off-white, or gray, or cream, or pink, or blue, and another device. A colourspace includes, therefore, a defined reference point for absolute white. Using this as a starting point, a device knows how much of each colour needs to be painted onto each pixel in order to generate certain hues. But everything is always relative to that the white point that is generated by that colourspace. What is white on one device will look off-white, or gray, or cream, or pink, or blue, and another device.
Line 45: Line 43:
 The layout of a colourspace is called a ''​gamut''​. A gamut is the set of possible values with a colourspace,​ with a reference point for defining //white//. The layout of a colourspace is called a ''​gamut''​. A gamut is the set of possible values with a colourspace,​ with a reference point for defining //white//.
  
-{{ gamut.jpg }}+{{ gamut.jpg?345 }}
  
 ===== Converting Colourspaces ===== ===== Converting Colourspaces =====
Line 58: Line 56:
 So the goal in converting colourspace is to have no visual difference, but since gamuts are different across devices, conforming two of them does risk losing information. So the goal in converting colourspace is to have no visual difference, but since gamuts are different across devices, conforming two of them does risk losing information.
  
-{{ gamutoffset.jpg }}+{{ gamutoffset.jpg?345 }}
  
 For instance, pixels that were painted blue in one colour space might be forced closer to white to stay within the gamut, giving the blues a less saturated appearance. Pixels that were red might be forced away from the white point, making them appear "more red" after conversion. For instance, pixels that were painted blue in one colour space might be forced closer to white to stay within the gamut, giving the blues a less saturated appearance. Pixels that were red might be forced away from the white point, making them appear "more red" after conversion.
Line 70: Line 68:
 It is akin to saving a RAW image to TARGA for later compression to PNG, or a movie file to HuffYUV as a source for WEBM and MP4 files, or audio to WAV or ALAC for compression to OGG or FLAC. It is akin to saving a RAW image to TARGA for later compression to PNG, or a movie file to HuffYUV as a source for WEBM and MP4 files, or audio to WAV or ALAC for compression to OGG or FLAC.
  
-If you are dealing with several ​coloursapaces ​that require conforming, experiment with ACES to see if it is a suitable intermediary between colourspaces. If your spaces are similar, you may not need an intermediate step.+If you are dealing with several ​colourspaces ​that require conforming, experiment with ACES to see if it is a suitable intermediary between colourspaces. If your spaces are similar, you may not need an intermediate step.
  
  
Line 87: Line 85:
   *Your computer monitor has its own gamut of all possible colours it can produce, which is defined as its own colourspace.   *Your computer monitor has its own gamut of all possible colours it can produce, which is defined as its own colourspace.
  
-{{ devices.jpg }} 
  
 An ideal setup would be one in which each device and each application used the same colourspace. This rarely happens, but it's a good reminder not to over-think colourspace;​ if your camera produces, for instance, an ''​sRGB''​ image, and your computer is happy to use ''​sRGB'',​ then standardise on that. If your camera embeds ''​Adobe_RGB''​ and your computer can happily use that, then standardise on that. An ideal setup would be one in which each device and each application used the same colourspace. This rarely happens, but it's a good reminder not to over-think colourspace;​ if your camera produces, for instance, an ''​sRGB''​ image, and your computer is happy to use ''​sRGB'',​ then standardise on that. If your camera embeds ''​Adobe_RGB''​ and your computer can happily use that, then standardise on that.
Line 114: Line 111:
  
  
-[[{arrown.png|border:​0;​background:​none;​width:​0;​display:​inline-block;​float:​right;​}jack|]][[{arrowp.png|border:​0;​background:​none;​width:​0;​float:​right;​}deps|]]+<WRAP centeralign>​ 
 +<wrap fa>[[dep|R]]</​wrap>​ <wrap fa>[[start|S]]</​wrap>​ <wrap fa>​[[jack|Q]]</​wrap>​ 
 +</​WRAP>​