Is that the Right Red? The importance of color accuracy on social media #COLOR19 presented by: Franz Herbert Chameleo Color Consulting & Stefan Yazzie Herbert House of Bandits (CEO & Founder)
Worst case Variance: L = 67-79 Hue = 355-38 Chroma = 71-98 average de = 9 maximum de = 28
Red Bull - red
When in doubt, use a canary image! www.chameleo.eu/canary-image-display-p3/ Our canary image
Why should we care? 3.2 billion 2 hours 32% Active users on social media networks 1million Average daily usage of social media 50% Social media spending increase from 2017 New social media users every day Of users use Facebook daily. Only 39% watch TV daily
The goal of color management is the Standardisation of user experience
Color is never perfect in the real world You can, and should, expect your color will get bounced around once you re outside a carefully color-managed room. That s why we grade to a standard the standard is a centerpoint around which all our devices will orbit. - Patrick Inhofer, Colorist
Hexcodes aren t good enough Same Hexcode, different color space srgb color space 8% color difference U.S. Web Coated (SWOP) Almost no brand guidelines specify color space New technology requires new methods to deal with color Opened color managed picture, Didn t apply embedded color profile It s time to give brand guidelines an update
Common RGB color spaces srgb - Used in consumer computer monitors Rec. 709 - Used in HDTVs NTSC - Used to indicate color gamut coverage, not used in displays Adobe RGB - Used in professional computer monitors DCI P3 - Used in digital cinema projectors (DCI 4K and DCI 2K) Rec. 2020 - Used in UHDTVs (4K UHD and 8K UHD) ACES - Used in the production of movies, not used in displays
History of online color management 1996 2008 2016 2017 2019 W3C defines srgb as the default color space for the internet New wide-gamut OLED displays are introduced to smartphones Virtually all browsers and OS s available have some form of color management Firefox is the first browser to feature color management Instagram becomes the first major social media platform to offer DCI-P3 color space
Color on smart devices Gradual shift from LCD to OLED displays Wide-gamut displays now in all major phone releases Limited color management support from OS and apps Puberty phase for color management Apple is doing it right
State of the art for mobile color management iphonex OnePlus 6 Galaxy Note 8 Google Pixel 3 srgb srgb srgb srgb Display P3 DCI-P3 DCI-P3 DCI-P3 Others Others Others
DCI-P3: A new web standard? Contender for new web standard color profile 26% larger than srgb Similar to AdobeRGB, with a lean towards red Originally conceived for digital cinema projection
Support from mobile operating systems ios12 Offers color management since ios 9.3 Supports automatic switching Android Oreo First Android OS to support color spaces beyond srgb Only for apps that specifically request it
For the very first time, we have an entire color management cycle happening in a single device Phone camera Editing software Publishing platform Display device
Color & social media 300 million daily photo uploads Uses proprietary color space TinySRGB aka c2 Smaller than srgb in data size, otherwise identical 524 bytes instead of 3KB
Color & social media 95 million daily photo uploads Greater focus on picture quality Updated to DCI-P3 in 2017
Color & social media 300 hours of video uploaded every minute Uses Rec.709 For very special uses it offers Rec.2020
Color & social media Platform with highest available quality Supports all color primaries Supports all transfer characteristics
Color spaces for online video 1982 1990 2012 2012 2019 Rec. 601 (SDTV) Color primaries not defined Until 2007 Rec. 709 (HDTV) Almost identical to srgb Standard for digital video for many years Rec. 2020 (UHDTV) Only a handful of TVs can show more than 90% ACES Full color system made for post-processing films Rec. 2100 No displays are capable of showing the full gamut
Home video to real color management 1956 1957 1986 1991 1996
Color management for video editing software Avid DaVinci Resolve Final Cut Pro X Premiere Pro Color management since 2014 Color management since 2015 Color management since 2016 Color management since 2018
The 8-Bit Wall All current web delivery codecs are 8-bit due to compression & bandwidth efficiency Most common is H.264 The gradation gamut of photo is unachievable with current online video codecs New codecs like HEVC (aka H.265) are the solution
Best practices - Input General: Record everything in the highest possible bit-rate and widest possible color space Photo Shoot in RAW. Always. Use a color target if you want absolute accuracy Video Shoot in RAW, if possible (only high end cameras offer this) If not, many prosumer cameras offer Adobe RGB or Rec.2020 Use a color target if you want absolute accuracy
Best practices - Editing General: Keep your color space as wide as possible until your very last step of exporting to your target device Photo AdobeRGB is fine for most cases Some prefer to work in ultra-wide gamut ProPhoto Video ACES is for high-end post-production Rec.709 is fine for most applications Rec.2020 will most likely become the next standard
Best practices - Exporting General: Keep your color space as wide as possible until your very last step of exporting to your target device Photo Highest quality: make DCI-P3 your new color space of choice Most consistent: srgb will look the same on any device Video Highest quality: Rec.2020, especially if you want to futureproof your exports Most consistent: Rec.709, currently the web standard
Best practices - Other recommendations Google yourself Check publications & social media for color accuracy of your brand colors. Check your guidelines! See if your color guidelines define a working color space. If not, add them. Communicate them. STICK TO THEM!
Color Space Systems Management Essential if you prepare media for print & video Simple but powerful setup One click switching between color spaces Sets all necessary hardware components (LUTs, Gains) Sets corresponding display profile
basiccolor display 6 Comes with pre-configured workflows for Softproof Video, etc. Editor to configure workflows with up to 6 components Quality Control with Report Validation Calibration Profile Evaluation of Color / Printing Space
Softproof Eizo CG246 SmartLightning System NEC PA242W 6 LEDs, warm + cold white, blue, green, 2 UV
Softproof i1 Pro2 Discus Eizo CG246 SmartLightningSystem NEC PA242W
Workflow Editor i1 Pro2 Discus Eizo CG246 SmartLightningSystem NEC PA242W
Tonal Response - White Point NEC PA242W
Workflows Pre-configured Execute with one click Switch with one click Validate with one click
Workflows
Monitors - Instruments
Emulation of a Color Space Eizo & BenQ: using Color Matrix NEC: using Primaries Emulation is part of the Calibration
Emulation of a Color Space
Emulation of a Printing Space Use 3D Lut Softproof in any application
Light
Light
Report Workflow Report: 3 Softproof - Discus Calibration Target Achieved White Point D50 a 0.3, b -0.0 Tonal Response L* White Luminance 160.0 cd/m² 160.3 cd/m² Black Luminance Min Native 0.14 cd/m² Contrast 1:1106 Profiling Results Target Achieved White Point D50 a -0.0, b -0.0 Tonal Response L* White Luminance 160.0 cd/m² 160.3 cd/m² Black Luminance Min Native 0.14 cd/m² Contrast 1:1106 Validation Results Target Achieved Tolerance White Point D50 a 0.0, b -0.0 ab 2.0 Tonal Response L* White Luminance 160.0 cd/m² 160.2 cd/m² +-10.0% Black Luminance Min Native 0.14 cd/m² Contrast 1:1144 Done Done Passed E00 Tolerance Average 0.17 3.00 Max. gray scale 0.40 3.00 Max. chromatic Colors 0.26 10.00 Standard Dev. 0.11
Report
Conclusion Over 1 billion hours of video are watched daily (on Youtube alone) The future is Video Get ready for it