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:58]
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 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//.
  
-{{ gamutd.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.
  
-{{ gamutoffsetd.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>​