Differences

This shows you the differences between two versions of the page.

Link to this comparison view

online_designer_-_working_with_colors [2019/01/27 09:38] (current)
Line 1: Line 1:
 + 
 +
 +
 +
 +Cyrious Online supports multiple color palettes and default mappings. You may also define your own colors.
 +
 +
 +
 +Overview ​
 +
 +
 +
 +Typical display monitors use Red-Green-Blue (RGB) colors in the form six digit hex code (e.g., FFFFFF, 070707, 5A337F). The intensity of each color is represented as a number between 0 and 255. (00 through FF in hexidecimal.) This is the appropriate (and only) way to display color on screen. This particular colors that correspond these values are usually assumed to be those defined in the sRGB palette, which is the default for the Internet (though there are others). However, though RGB is the color palette for on-screen display, it is not the color palette used for printing.
 +
 +
 +
 +Printing is done by laying ink on top of each other and using reflected light. Traditionally,​ inkjet printers use 4 colors: Cyan, Magenta, Yellow, and Black (CMYK) for printing. The amount of each color is resented as a floating point value between 0.0 and 1.0, though most systems display the value as a percentage between 0.0 and 100.0.
 +
 +
 +
 +However, CMYK also presents some problems:
 +  * Different materials absorb ink at different rates so the same CMYK mix will produce different colors on different machines.
 +  * Different inks have different amounts of opacity, so different inks produce different colors for the same CMYK color.
 +  * Not all colors can be printed with CMYK. (Gold is one color that can't be printed.)
 +
 +
 +
 +The first two problems are often compensated for on the RIP using "color profiles"​ which are built to map the incoming CMYK color to the blend that actually produces that target color. However, even with profiling there can be considerable variations in printed colors.
 +
 +
 +
 +Because of these problems, the industry does not use RGB or CMYK as the "​standard"​ method of specifying colors. The Pantone color Matching System (Pantone or PMS) system is the accepted standard way to specify the color of something. Pantone colors swatches are printed using up to 15 colors, and are sold for color comparison so that the ultimate reference becomes the actual print. Pantone colors are identified as a number (a 3-4 digit numbers sorted as alpha not numeric) and a suffix to identify the type of media (C  Coated paper, U  uncoated paper, etc.)
 +
 +
 +
 +For example: (examples taken from http://​www.excaliburcreations.com/​pantone.html)
 +
 +
 +
 +||~ Color ||~ Pantone ||~ CMYK ||~ RGB ||
 +|| [X] || 3302 || 100, 48, 0, 60 || 004F24 ||
 +|| [X] || 499 || 0, 63, 100, 48 || 853100 ||
 +|| [X] || 7440 || 30, 40, 0, 0 || B399FF ||
 +Unfortunately,​ the conversion between these color systems is NOT deterministic. Since none of these color systems cover all colors and approach building a color palette differently,​ it is not possible to convert back and forth exactly in many cases. The best that can be done is to choose the best color for a given printer, ink, and material.
 +
 +
 +
 +<​html><​div style="​margin-left:​ 20px;">​ Note: Adobe uses YCCK and YCbCr instead of CMYK for some of it's internal representation. (It's unclear if these two are the same or different.) You can find conversion algorithms online, but I don't know how deterministic they are. </​div></​html>​
 +
 +
 +
 +Cyrious Online Terminology ​
 +
 +
 +
 +The following terms are helpful to distinguish when discussing colors:
 +  * Named Color - a named color refers to a color that has a name, RGB, and CMYK color components. Named colors include:
 +    * System Colors - All 1300 pre-defined colors in the shared_Colors table. System colors are made up of:
 +      * Standard Colors - The 140 named pre-defined SVG colors shown on the color palette by default.
 +      * Pantone Colors - the 1100+ Pantone named pre-defined colors.
 +    * Custom Colors - Colors the user defines with have a Name ,RGB, and CMYK value and are stored as business, product, or storefront assets.
 +  * Numerary Colors - A color representation consisting of numbers, specifically RGB numbers, CMYK numbers, or both, but without a specific name. Types of Numerary Colors include:
 +    * RGB Colors - A color made up of three numbers representing its Red, Green, and Blue components.
 +    * CMYK Colors - A color made up of four numbers representing its Cyan, Magenta, Yellow, and Black components.
 +    * RGB+CMYK Colors - An array made up of the RGB Color and CMYK color.
 +
 +
 +
 +System Colors ​
 +
 +
 +
 +Standard Colors ​
 +
 +
 +
 +Cyrious Online standard colors include most of the [[http://​en.wikipedia.org/​wiki/​X11_color_names|X11 Color Names]] commonly used on the web and in standard applications.
 +
 +
 +
 +{{::​standard_color_picker.png?​nolink&​|}}
 +
 +
 +
 +The CMYK values associated with these colors have been computed, but may require adjustment for specific printers for reasons identified above.
 +
 +
 +
 +Color Choices in ODEC
 +
 +
 +
 +The first way to pick colors is from a the list of 72 standard colors.
 +
 +
 +
 +{{::​standard_color_picker.png?​nolink&​|}}
 +
 +
 +
 +You can also choose from any previously saved Custom Colors. Custom Colors give you the ability to preset both the RGB and the CMYK values. For more information,​ check [[set_up_colors_for_artwork]]
 +
 +
 +
 +{{::​custom_color_picker.png?​nolink&​|}}
 +
 +
 +
 +Finally, you can use the color picker to pick a precise color. ​
 +
 +
 +
 +{{::​color_picker_in_odec.png?​nolink&​|}}
 +
 +
 +
 +Default Color Mappings ​
 +
 +
 +
 +Mapping between different color palettes is difficult, imprecise work. This is determined chiefly by these common factors:
 +  * RGB and CMYK color palettes use fundamentally different ways to display colors.
 +  * Neither RGB nor CMYK is a "​complete"​ color space, meaning both have colors that they can not accurately render.
 +  * Most monitors in use are not calibrated to render RGB color very accurately.
 +  * Most printers must be calibrated for the specific ink, materials, and environmental factors to render CMYK accurately.
 +
 +
 +
 +Cyrious Online has a default color mapping established for its default colors. You can override these by defining a new color with the same name.
 +
 +
 +
 +References ​
 +
 +
 +
 +Created : {$creationdate}
 +
 +
 +
 +Revision : {$revisiondate}
 +
 +
 +
 +Links
 +
 +
 +
 +<​html><​div style="​margin-left:​ 20px;">​ [[include_pagepage_componentbacklinks|include page""​ component"​backlinks"​]] </​div></​html>​
  
  • online_designer_-_working_with_colors.txt
  • Last modified: 2019/01/27 09:38
  • (external edit)