Colorimpact 4: User Manual
Colorimpact 4: User Manual
Colorimpact 4: User Manual
User Manual
Table of Contents
Part IV Support 46
Index 47
1 Introducing ColorImpact
With ColorImpact™ you can take full advantage of the powerful language of colors. No more guesswork
when you pick colors for your next design project. With a single click you can create color
combinations with great visual impact!
ColorImpact features a visual and intuitive user interface. Color schemes can be exported as Photoshop
palettes, as CSS files or simply copied to the clipboard and pasted into your favorite design application.
Download the latest version of ColorImpact from our website and start using it immediately.
Order online from our secure web server. We accept MasterCard, Eurocard, VISA, Delta, JCB,
Switch, Solo, Discover, American Express, Diner's Club, UK cheque, US check, Postcheque,
International Money Order, Bank wire and PayPal.
The base color panel contains several tools to set the base color.
The property inspector is a part of the work area, and contains property settings for the current
work area mode.
The color inspector displays information about the color swatch under the cursor.
The main menu gives quick access to the main sections of ColorImpact.
The color harmonies lets you experiment with the color wheel and the color harmonies.
The advanced color wheel is a very flexible color wheel for the advanced user.
The color formula panel allows you to test custom designed color formulae.
The color variations panel lets you modify and add variations to the colors in the color palette.
The color blender panel lets you create intermediary colors between any two colors.
The test pattern panel allows you to test how the colors you have selected will look together.
The property inspector contains context sensitive settings for the work area.
The main menu gives quick access to the main parts of the program.
By default, the main menu is displayed when ColorImpact starts. This behavior can be turned off in the
preferences dialog.
This panel is displayed when ColorImpact is fully loaded and ready to run. The following are brief
descriptions of each of the elements on the color scheme panel.
Save button: Save the current work area as a flash swf file or as a bmp file.
Copy to palette button: Copy the color scheme to the current color palette.
Default color icon: Reset the line color to black and the background color to white.
Swap foreground / background icon: Swap the foreground and background colors.
Color wheel selector: Choose between the standard and artistic color wheel.
Base color marker check box: Turn on / off a visual marker that identifies the base color.
The advanced color wheel is a very flexible color wheel for the advanced user.
The following are brief descriptions of the elements on the advanced color wheel panel.
Save button: Save the current work area as a flash swf file or as a bmp file.
Copy to palette button: Copy the color scheme to the current color palette.
Brighter
Lighter
Darker
More saturated
Less saturated
More saturated and darker
Warmer
Cooler
Default color icon: Reset the line color to black and the background color to white.
Swap foreground / background icon: Swap the foreground and background colors.
The color wheel selector lets you choose between the standard and artistic color wheel.
Base color marker check box: Turn on / off a visual marker that identifies the base color.
Inner radius selector: Adjust the inner radius of the color wheel.
The color formula panel allows you to test custom designed color formulae.
The following are brief descriptions of the elements on the color formula panel.
Save button: Save the current work area as a flash swf file or as a bmp file.
Copy to palette button: Copy the color scheme to the current color palette.
Default color icon: Reset the line color to black and the background color to white.
Swap foreground / background icon: Swap the foreground and background colors.
The color wheel selector lets you choose between the standard and artistic color wheel.
The color variations panel lets you modify and add variations to the colors in the color palette. The
following are brief descriptions of its controls.
The color variations are shown with progressive strength below each color in the color palette.
Save button: Save the current work area as a flash swf file or as a bmp file.
Copy to palette button: Copy the color scheme to the current color palette.
Variation type selector: Set the color variation to one of the following types:
Brighter
Lighter
Darker
More saturated
Less saturated
More saturated and darker
Warmer
Cooler
Default color icon: Reset the line color to black and the background color to white.
Swap foreground / background icon: Swap the foreground and background colors.
Copy palette colors button: Load the colors from the current palette.
Remove duplicate colors check box: Check to make sure that all colors in the sequence are unique.
Drag a swatch from the color palette and drop it on one of the top row swatches.
Right-click on a color swatch in the top row and select Pick... from the popup menu to activate the
eye drop tool. You can use this function to sample a color from anywhere on the screen.
The color blender panel lets you create intermediary colors between any two end colors.
The following are brief descriptions of the elements on the color blender panel.
Save button: Save the current work area as a flash swf file or as a bmp file.
Copy to palette button: Copy the color scheme to the current color palette.
Start and end color buttons: Select the start and end color respectively. Click the buttons to activate
the color selector popup window. You can also select the start or end color by dragging a swatch from
the color palette and dropping it on the appropriate button.
Swap start and end colors button: Swap the start and end colors.
Blend path buttons: Select how the end colors are blended:
Direct: the end colors are blended by creating intermediary colors along a linear path across the
color wheel.
Clockwise: this mode creates a rainbow blend in a clockwise direction around the color wheel.
Counterclockwise: this mode creates a rainbow blend in a counterclockwise direction around the
color wheel.
Blend steps slide bar: Select the total number of colors (including the start and end colors).
Default color icon: Reset the line color to black and the background color to white.
Remove duplicate colors check box: Check to make sure that all colors in the sequence are unique.
Noise slide bar: Adjust the noise factor added the color values. See samples below:
Randomize noise button: Recalculate the noise to create a different noise pattern.
The test pattern panel allows you to experiment with how your color schemes look when you try them on
real designs.
The following are brief descriptions of the elements on the test pattern panel.
Save button: Save the current work area as a flash swf file or as a bmp file.
Copy to palette button: Copy the color scheme to the current color palette.
Show linked colors: Show / hide color formula links. See how to create formula links below.
Test pattern drop down list: Select the current test pattern.
Default color icon: Reset the line color to black and the background color to white.
Swap foreground / background icon: Swap the foreground and background colors.
The color wheel selector lets you choose between the standard and artistic color wheel.
Drag a swatch from the color palette and drop it on the test pattern.
Drag a color from the formula bar and drop it on the test pattern (make sure that the formula bar is
visible).
Note: Hold down the Ctrl key to create a link to the formula color. The color will then be updated
when the color formula changes.
Right-click on an element on the test pattern and select Pick... from the popup menu to activate the
eye drop tool. You can use this function to sample a color from anywhere on the screen.
The Color Combinations panels lets you test how the colors in the current palette interacts with each
other. This is a very useful tool for verifying that there is enough contrast between the colors in the
palette.
The following are brief descriptions of the elements on the test pattern panel.
Save button: Save the current work area as a flash swf file or as a bmp file.
Include base color: Turn on / off the base color for quickly testing a color with the entire palette.
The property inspector gives access to the properties of the current work area mode.
Advanced mode button: Show / hide the advanced section of the property inspector.
Popup menu: The popup menu gives you access to preference settings for the property palette.
View as list / compact list / thumbnails: Select how the color swatches are displayed.
Snap to 4096 Color Web-Smart Palette: All colors in the palette are converted to the nearest color
in the web-smart palette.
Snap to 256 Color Web-Safe Palette: All colors in the palette are converted to the nearest color in
the web-safe palette.
Remove duplicate colors: Deletes duplicate colors from the color palette.
Note: Duplicate colors are marked with this icon for easy identification: .
Remove similar colors: Same as 'remove duplicate colors', but allows some fuzziness.
Palette mode buttons: Select how the color swatches are displayed.
The toolbar can be turned off from the color palette menu.
Remove duplicate colors button: Deletes duplicate colors from the color palette.
Note: Duplicate colors are marked with this icon for easy identification: .
Trash can: Click the trash can to clear the color palette. You can also delete a single color from the
palette by dragging it to the trash can.
Click on a color swatch and drag it to the empty swatch marker on the color palette.
Use the eye drop tool on the palette info bar to sample a color from anywhere on your screen.
To make the colors in the color palette web safe, select 'Make web safe' from the color menu.
Right-click on the color palette to activate the color palette popup menu. The popup menu has the
following options:
Clear from current color: Remove the selected color and all consecutive colors from the palette.
Copy swatch: Copy the selected swatch to the clipboard. (You can set the swatch size and label
format by selecting Settings on the Edit menu.)
Move the cursor over a color swatch to show readings for the color in various formats. The Color
Inspector will show the currently selected color along with a textual description, followed by readings in
hex, RGB, HSB, and HSL. The textual description is especially useful for persons who may be visually
impaired.
Menu Shortcuts
F1 Display ColorImpact help
F2 Main menu
F3 Color harmonies
F4 Color formulae
F5 Advanced color wheel
F6 Color variations
F7 Color blender
F8 Test patterns
Ctrl + Tab Switch between the windows that are currently open
Navigate to an image file in jpg, png, or bmp format and click Open.
The import color dialog is displayed allowing you to fine tune the extracted palette.
Max colors: Allows you to set the maximum number of colors in the extracted palette. (note that
depending on the nature of the image, the color optimization logic may use fewer colors than the
maximum number).
Highlight selected color: When this option is turned on, you can select a color in the extracted
palette and see which part of the image contain this color. You can also click in the image to find the
corresponding palette color. Tip: double clicking the image will turn the highlight selected color
option on.
Apply palette: Display the image with the extracted palette applied.
Drag a color to the color palette in the main window to add it to the working color palette
Double click a color in the extracted palette to add it to your working color palette
Click the add colors to palette button to add all the extracted colors to your working color
palette.
Click the add colors to new palette button to add all the extracted colors to a new color
palette.
Quick tips
This section contains tips that have proven useful when using ColorImpact.
To create a color scheme, start by pressing F3 to select the color harmonies mode.
For this tutorial we will use the triadic color harmony. Triadic color schemes tend to be quite vibrant,
even if you use pale or unsaturated colors.
The next step is to select a base color. The base color is used as the starting point when calculating
the color harmonies.
The base color could be the color of your company logo, a color that communicates the underlying
message of your design, the eye color of your spouse, or simply a color that you find pleasing.
There are several ways in which you can select the base color. For this tutorial, we will use the
interactive color wheel. Click and hold the left mouse button inside the color picker. As you move the
mouse, you should see the color swatches on the right change according to the selected color.
We will use a bright orange as the base color. Adjust the color wheel until you get a saturated orange.
Tip: If you would like to get exactly same results as in this tutorial, type in #EBBE37 in the hex value
field, and press the <enter> key.
The below color scheme should now be displayed in the work area.
Next: Step 3 - Add the basic color scheme to the color palette
3.1.3 Step 3: Add the Basic Color Scheme to the Color Palette
Make sure the color palette is empty. (You can clear the color palette by clicking the trash can.)
Copy the color scheme to the palette by clicking the copy to palette button on the property inspector.
You should now have the following three colors in the palette:
These three colors constitute a triad, and make up a well balanced bright color scheme.
For most purposes, three colors will be enough. Combined with black and white you can use this color
scheme for logos, brochures, banners, PowerPoint presentations etc.
When you design web pages, however, you may need a larger palette to include background color,
hyperlink colors, body text color, title colors etc. So, let's add a few more colors to make an extended
palette for web use.
If the color variations panel contains any colors, you should first clear it by pressing the clear button in
the property inspector.
Right-click on the yellow swatch in row 14 and select add row to palette from the popup menu.
3.1.5 Step 5: Add a few Dark Shades to Complete the Color Scheme
We will also add a few dark colors to enhance your design further. Select variation type 'darker'.
Right-click on the yellow swatch in row 8 and select add row to palette from the popup menu.
You can now drag colors from the color palette to the various sections in the web page to test your color
scheme.
To complete the task, you can now copy the color scheme to another program. There are several ways
to do this. For this tutorial, we will select Copy Special from the edit menu. Set the columns selector
to '3' and press the 'Copy' button.
This copies your color scheme to the clipboard, and you can now paste the complete color scheme
bitmap image into your favorite design program like Photoshop, Fireworks, Corel Draw, Illustrator,
Freehand, Flash etc.
You can also copy the color scheme into a Microsoft Word document, a PowerPoint presentation etc.
Tip: With the color palette pasted into Photoshop or Fireworks, you can use the eye drop tool to
pick the colors from the swatches.
You can copy a color swatch as an image by right-clicking and selecting copy swatch from the
popup menu.
The work area can be copied as bitmaps by right-clicking and selecting Copy as Bitmap from the
popup menu.
Select copy special on the edit menu to open the copy special dialog.
Colors from ColorImpact can be copied to the clipboard in several formats. To use the copy function,
select Copy from the Edit menu or press <ctrl> C.
You can select one of several color sources, and specify an output format from a selection of text and
image formats.
Swatches
This format creates a bitmap image of the color swatches. You can control the size and spacing of
the swatches and the number of columns. You can also specify an optional label showing the hex
value of each swatch (not available if the swatch size is too small).
Style Sheet
The cascading style sheet contains a list of CSS classes. Each color can be included either as a
foreground (text) color or as a background color or both. Optional javascript tags for inline style
sheets can be added.
Colors from ColorImpact can be exported to a number of different file formats. To use the export function,
select Copy from the Edit menu or press <ctrl> X.
You can select one of several color sources, and specify an output format from a selection of text and
image formats.
Swatches
This format creates a bitmap image of the color swatches. You can control the size and spacing of
the swatches and the number of columns. You can also specify an optional label showing the hex
value of each swatch (not available if the swatch size is too small). The swatches can be saved in
the following file formats: GIF, BMP, JPG, PNG.
Most controls in ColorImpact have popup menus with additional features and options. Right-click on the
control to activate the popup menu.
You can easily change the background color in the work area by using the background color control on
the property palette.
Default color icon: Reset the line color to black and the background color to white.
Swap foreground / background icon: Swap the foreground and background colors.
Tip: You can also change the background color by holding down the shift button and drag a color to the
work area background.
You can easily rearrange the colors on the color palette. Simply click on a swatch and drag it to a new
position.
ColorImpact supports both the 216 color web-safe palette and the 4096 color web-smart palette. To
convert the colors in your color palette, open the color palette menu and select one of the following:
Snap to 256 Color Web-Safe Palette: Convert the colors in the color palette to the nearest web-
safe color.
Snap to 4096 Color Web-Smart Palette: Convert the colors in the color palette to the nearest web-
smart color.
Note: Web safe colors are rapidly losing ground, since most modern computers are capable of using
thousands of colors (16 bit) or millions of colors (24 bit). Therefore, there is rarely a need to restrict the
color palette to only 216 colors.
To make sure a color palette does not contain duplicate colors, ColorImpact contains several functions
to filter the color palettes:
The color palette identifies duplicate colors with this icon: for easy identification. Press <CTRL> +
D or click the remove duplicate color button to delete the duplicates.
When using the Copy Special and Export functions, the dialog box includes an option to remove
duplicate colors.
In Color Variations and Color Blender mode, there is an option to remove duplicate colors in the
property inspector.
You can also filter out similar colors (i.e. colors that are very close to each other, but not identical)
from the color palette by pressing <SHIFT> + <CTRL> + D.
4 Support
Install the latest version of ColorImpact
If you experience problems with ColorImpact you should first check if an update is available. New
versions are uploaded to our web site from time to time. To check if there is a free update available,
make sure you are connected to the internet and select Check For Update from Help menu. Follow the
instructions to download and install the new version.
How to contact us
If you have a problem that is not answered in this help file or on our web site, please contact us:
E-mail: support@tigercolor.com
–D–
–A– Designing a color scheme 32
Advanced color wheel 13 Step 1: Selecting a color harmony 32
Step 2: Selecting a base color 32
–B– Step 3: Add the color scheme to the palette 34
Step 4: Adding variations 34
Background color 42 Step 5: Adding dark shades 35
Base color panel Step 6: Testing the color scheme 35
Color history buttons 10 Step 7: Copy the color scheme 36
Eye drop tool 10 Duplicate colors 44
Gamut warning 10
Gamut warning button 10
Random button 10 –E–
Visual controls 10 Export
Buy ColorImpact 6 ACT Color Table 40
Cascading Style Sheet 40
–C– Freehand ACF Palette 40
HTML Spec Sheet 40
Clipboard Illustrator Color Palette 40
Copy Style Sheet 38 Paint Shop Pro Palette 40
Copy Swatches 38 Photoshop Color Palette 40
Copy Text Spec Sheet 38 Swatches 40
Color blender 17 Text Spec Sheet 40
Color formula panel 14 Export color schemes 38
Color harmonies 11 Extraxt colors from image 28
Color inspector 26
Color palette
Add palette 23 –H–
Clear palette 23 Hardware and software requirements 7
Delete palette 23 Hardware requirements 7
Extract from image 28 How to buy ColorImpact 6
Palette info 23
Remove duplicate colors 23
Remove similar colors 23 –I–
Show palette toolbar 23 Import colors from image 28
Snap to palette 23
Sort colors 23
Swatch settings 23
–K–
View as list / compact list / thumbnails 23 Keyboard shortcuts
Color variation panel 16 Color Palette shortcuts 27
Color wheel Eye Drop Tool Shortcuts 27
Advanced 13 Menu Shortcuts 27
Copy
Style Sheet 38 –M–
Swatches 38
Main menu 11
Work area
Advaced color wheel 13
–P– Color blender 17
Popup menus 42 Color formula panel 14
Property inspector 22 Color variation panel 16
ColorHarmonies 11
–Q– Main menu 11
Overview 10
Quick tips 42 Property inspector 22
Test pattern 19
–R– Working with ColorImpact 31
Reasons to buy ColorImpact 5
–S–
SimilarColors 44
Software requirements 7
Support
Check for updates 46
How to contact us 46
Installing the latest version of ColorImpact 46
Supported Operating Systems 7
System requirements 7
–T–
Test pattern 19
Tips 42
Changing the background color 42
How to get web-safe colors 43
Popup menus 42
Rearrange color palette 43
Remove duplicate colors 44
–U–
User interface
Keyboard Shortcuts 9
The base color panel 9
The color inspector 9
The color palette 9
The property inspector 9
The work area 9
–W–
Web-safe colors 43
Web-smart colors 43
Welcome 5