ColorMania 15.0

Color Display and Color Codes

The color display has two parts :

1. The main color display

At the left top corner there's the square where the actual color is displayed, optionally with a text on it in a specific color. In ColorMania there's always one main color which is displayed in the left top corner. Most of the controls on the rest of the ColorMania screen are linked to this color.

How to change the main color

There are several ways to change the main color, which are all described in the following pages of this help file. Here's a short overview :

Grab a color from your screen
Change the RGB or HSV values using the sliders
Select a color from the magnifier
Select a color from the Color Wheel
Select a color from the palette
Press the Random, Invert or Grayscale buttons
Select one of the HTML Colors
Enter a color code in one of the supported formats

How to change the text color in the main display

You can only set the color of the text to one of the colors of the color palette. To do this you must right-click on one of the palette colors and select 'set as text color'.

How to enable/disable the text display in the main color view

The Text display option can be toggled on/off by right-clicking anywhere on the ColorMania screen and selecting 'use text in color frame'

2. The Color Code Input and Output

Immediately under the main color display there's an edit box displaying the color values in one of the formats mentioned below. ColorMania supports a wide range of color codes.

You can choose between different formats :

HTML Hex / CSS — the most common color code in use
Delphi Hex — used with Borland's Delphi language
VB Hex — used with Microsoft's Visual Basic
C++ Hex — used with C++
RGB Values — Red/Green/Blue, used in many paint programs
RGB% Values — Red/Green/Blue as percentages, used in some DTP and paint programs
HLS — Hue/Lightness/Saturation
HSV (HSB) — Hue/Saturation/Value (Brightness), used in graphics programs
CMY — Cyan/Magenta/Yellow, used in paint programs
CMYK — Cyan/Magenta/Yellow/Black, used in DTP and paint programs
Photoshop — used in Adobe Photoshop color picker
Powerbuilder — used in Sybase Powerbuilder
Android Transparent — Android format with Alpha Channel
CSS RGBA — CSS code with Alpha Channel

How to use the color codes in another program

By pressing the 'copy' button the color code is copied to the clipboard (in text format), so that you can use them in your favorite graphics program.

Example: When you're editing a stylesheet (CSS) file, you can select 'HTML Hex / CSS' from the color formats and copy/paste the color code right into your CSS document.

How to examine a color code

ColorMania allows you to enter a color code in any of the supported color codes. By pressing the 'set' button (or pressing the 'ENTER' key) the color code will be converted and it will become the main color.

Example: You found a color code on a webpage or stylesheet, and you would like to see which color it actually is. You can set the color type to 'HTML Hex / CSS', type in or paste the color code and press the 'set' button (or press the 'ENTER' key).

How can I change the color code formatting ?

You can change the color code format by selecting the format that you want from the list.