This article documents the process by which we manage colour creation and conversion to maintain consistency between print and digital assets.
Related Pivotal story: https://www.pivotaltracker.com/n/projects/1860525/stories/129918271
- Use CMYK for print, use RGB for digital, including within stylesheets.
- Initially define colours in CMYK, then convert to RGB using Europe General Purpose 3 colour settings and use judgement to correct any colour shift to give best screen match.
- Have one location where all colour information is kept - preferably online e.g. https://color.adobe.com/University-Core-Palette-color-theme-8571448/
- Have one shared colour palette usable by all software employed by Digital and IDPS.
Print and digital use fundamentally different to convey colour information; print design requires CMYK colour separation, or Pantone spot colours - whereas digital designs cannot implement these and instead require RGB values (or derivatives thereof). Print and digital use a variety of tools to produce concepts, artworks and production-ready graphics, and these need to share a single palette or at least have a single source of truth providing the correct values for colours, appropriate to the medium.
Both print and digital departments have access to Adobe Bridge, an digital asset management tool, which enables us to define a colour setting for all Creative Cloud products. IDPS use InDesign and Photoshop, and Digital have access to Adobe XD (Experience Designer) and Photoshop, but also use Bohemian Sketch.
|Europe General Purpose 3|
|Europe Prepress 3|
|Europe Web/Internet 2|
Currently, IDPS use the Europe General Purpose 3 colo(u)r setting, and after reviewing the options available above it seems logical to adopt this setting for Digital as well - rather than having a separate specific profile for Digital.
Initial colour value
Print works in CMYK and Pantone (rarely), with support for RGB.
Digital can use RGB, Hex, HSL for defining colours online.
Therefore, the initial definition of a colour should be its RGB value, with a converted value for CMYK.
Where appropriate (for instance the University and Faculties main colours) we should include the correct Pantone (solid coated) reference.
1. We need a single repository for colour palette information, that allows us to define RGB, CYMK, Pantone, and also attribute SASS variable names to a given colour.
- A Wiki page, similar to Online Colour Palette
- A PDF, centrally hosted in Dropbox or LMF or similar (somewhere with versioning).
- An online service, e.g. https://color.adobe.com
2. We should also maintain and share a single digital colour palette for use in all applications to ensure consistency.
- Adobe colour palette (.aco)
- Apple colour palette (erm...)
- 3rd party colour management software