Back Home Table of Contents

Color Formats

Any given color can be displayed in various formats. NPS Color Picker allows you to select from multiple formats to use the color in other applications. If the current color cannot be represented by the chosen format, the closest match is used and a warning is displayed. You can choose to show or hide the closest match by clicking View -> Show effective (solid) color.

Automatic

This format will choose the optimal CSS color format that supports the specified color. The most restrictive option is chosen – it goes in order of: named color, 3 digit HTML hex, 6 digit HTML hex, and RGBA.

Named Color

Finds the named color that is the closest match to the specified color.

HTML

The 6-digit hex representation of a color. For example, the color Red is #FF0000.

HTML Compact

Uses the 3-digit hex representation of a color if possible (such as #F00 for Red), or the 6-digit representation if not possible.

CSS3 RGB(A)

The CSS3-compliant RGB (Red, Green, Blue) representation of a color. Uses rgb if the color is opaque, or rgba if the color contains transparency.

CSS3 HSL(A)

The CSS3-compliant HSL (Hue, Saturation, Lightness) representation of a color. Uses hsl if the color is opaque, or hsla if the color contains transparency.

CSS4 HWB

The HWB (Hue, Whiteness, Blackness) representation of a color, based on the CSS4 draft.

ARGB

Displays the Alpha, Red, Green, and Blue components of a color with the "argb" label

RGB

Displays the Red, Green, and Blue components of a color with the "rgb" label

RGB Triplets

Displays the Red, Green, and Blue components of a color with no label

CMY

Displays the Cyan, Magenta, and Yellow components of a color with the "cmy" label

CMYK

Displays the Cyan, Magenta, Yellow, and Black ("Key") components of a color with the "cmyk" label. Optimizes the output to maximize the amount of black and minimize the amount of colored ink.

HSV

Displays the Hue, Saturation, and Value of the color with the "hsv" label

HSL

Displays the Hue, Saturation, and Lightness of the color with the "hsl" label

YUV

Displays the Luma, Redness, and Blueness of the color with the "yuv" label

Win32/OLE

Outputs a 32-bit unsigned integer value compatible with Win32 or OLE colors

Android

Outputs a 32-bit signed integer value compatible with Android

See also: