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
Next revision Both sides next revision
colour [2015/06/11 07:56]
slackermedia
colour [2016/07/28 20:15]
slackermedia [Colourspace Conversion]
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 114: Line 112:
  
  
-[[{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>​