Diagnosing common colour management issues

When working with colours, it can be common for their appearance to change unexpectedly when viewed in different design tools, or when moved from a design tool into production code. Colours may become too vibrant, or too dull, not matching how they looked when you originally chose them. Why is that?

macOS prefs tab icons are 27×27pt

When designing icons, knowing the final size they’ll be displayed can drastically improve rendering quality, because it allows points to be snapped to pixel boundaries.

What is pass-through blending?

Figma, Photoshop, XD, and Affinity Designer all contain a blending mode called “pass-through”. Blending modes determine how a layer or group will be mixed with everything underneath.

Colour management, part 4 Apr 2021

Magnet icon speedrun Apr 2021

Soccer ball icon speedrun Apr 2021

Puzzle icon speedrun Mar 2021

Using SVGs in asset catalogs Jul 2020

My Illustrator snapping settings May 2020

Perfect loops in Processing Aug 2019

Testing for wide gamut Jul 2019

Improving asset catalogs May 2019

Creating SVGs with Processing Jan 2019

Colour management, part 3 Mar 2018

Colour management, part 2 Dec 2017

Colour management, part 1 Oct 2017

Vector icon speedruns May 2017

My Mac app icon design workflow Feb 2017

Color Creator Templates Jan 2017

When two colours can be one Dec 2016

Mac external displays for designers and developers Dec 2016

Greyprint Oct 2016

DevWorld 2016 Aug 2016

PNG optimisation Aug 2016

Batch processing with Generator Jul 2016

Using blend if for masking Jul 2016

Design debugging Apr 2016

Interaction density Mar 2016

Magic tricks Feb 2016

1px is not enough Jul 2015

Photoshop CC 2015 improvements Jun 2015

My icon design workflow May 2015

Why Skala won't have artboards Apr 2015

Photoshop's gradient positioning Apr 2015

Why I don't use PDFs for iOS assets Mar 2015

Skala progress, December 2014 Dec 2014

Blend if Oct 2014

Creating color palettes with adjustment layers Aug 2014

Smart Objects and Layer Comps in Photoshop CC 2014 Jun 2014

Exploration Apr 2014

Images and the macOS Color Picker Mar 2014

Experimenting with linked Smart Objects Jan 2014

Extracting colours with alpha Aug 2013

Using Soulver for design Jul 2013

My app design workflow Jun 2013

Masking in Photoshop CS6 May 2013

Gradient maps Mar 2013

Strokes in Photoshop CS6 Jan 2013

Just like print design Jan 2013

Layer tags in Photoshop CS6 Jan 2013

Using algebra to create paths Jan 2013

Sub-pixel text rendering Nov 2012

Scale Patterns to 100% Photoshop script Jun 2012

Text in Photoshop CS6 Jun 2012

Illustrator and app design Apr 2012

Vector shapes in Photoshop CS6 Mar 2012

Photoshop CS6 improvements Mar 2012

Pixels per inch is just a tag Mar 2012

PNG compression and iOS apps Dec 2011

Everything is a grid Nov 2011

Smart Objects Oct 2011

Exporting from Photoshop Aug 2011

Pixel perfect rotation Mar 2011

Pixel perfect vector pasting Mar 2011

Pixel perfect vector nudging Jan 2011

What if iChat was one window? Dec 2010

Designing for Retina display, part 2 Dec 2010

Gradients Sep 2010

Designing for the Retina display Aug 2010

A new Drobo Dashboard icon Jul 2010

Noise and textures Jul 2010

Photoshop CS6 wish list Jul 2010

Dissecting iTunes, App Store and Mac App Store links Jun 2010

Photoshop roundrect roundup Jun 2010

What to do with all those extra pixels? Jun 2010

The settings used to be in the Settings app Oct 2009

Colour management and UI design Oct 2009

Testing landscape app interfaces Oct 2009

How many layers are in my Photoshop document? Sep 2009