Picture Style Special Site
Picture Style
Picture Style Editor
Top
Picture Style
Picture Style File
Picture Style Editor
Basic operation method
The "Picture Style" Concept
Necessary color management
Introduction of detailed structure and functions
Detailed Operating Procedure
Q&A
Necessary color management
Understanding Color Space
Understanding the "HSL" color expression system
A notation system, called "HSL" that allows for calculation based on numeric RGB values in terms of hue, saturation, and luminosity is used when specifying and editing colors in Picture Style Editor. The HSL structure is analyzed here.
The HSL notation used in Picture Style Editor is a color expression system comprised of three elements used to express color, namely hue (H), saturation (S), and luminosity (L). HSB notation, as used in Adobe Photoshop and others, is a similar color expression system, but is comprised of hue, saturation, and brightness (B). This similarity may seem confusing, but once you understand the difference between them, color can be intuitively edited in Picture Style Editor.
Graph : HSL Graph : HSL
Color also exists at the center
White conditions = Hue: all; Saturation: all; Luminosity: 100
Maximum value of luminosity and saturation
Luminosity Saturation
100 0
75 33
50 100
25 33
0 0
HSL
Maximum value of luminosity and saturation
Luminosity Saturation
100 100
75 100
50 100
25 100
0 100
HSB/HSV
Graph : HSB
Graph : HSB Graph : HSB
The center is white.
White conditions = Hue: all; Saturation: 0; Brightness: 100
Please refer to the 3D models to understand how the HSL numeric values relate to changes in the colors. HSB is expressed as a cylindrical column, while HSL is expressed as two cones within a cylinder.
Understanding and Using CMS - Recommendation to calibrate monitor
Understanding and Using CMS - Color management settings for software
Understanding and Using CMS - Color management settings for printouts
Understanding Color Space - Various color spaces and the color space width
Understanding Color Space - Understanding the HSL color system
Understanding Color Space - HSL color system value range and Picture Style Editor functions
Top of page
Copyright (c) 2011 CANON INC.