AnyChart
API Reference
Still have questions?
Contact support
Top
You are looking at an outdated 7.6.0 version of this document. Switch to the 8.4.0 version to see the up to date information.

namespace anychart.color Improve this Doc

Color utilities namespace.

Functions Overview

bipolarHueProgression()Multiple bipolar hue progression.
blend()Blend two colors together, using the specified factor to indicate the weight given to the first color.
blendedHueProgression()Multiple blended hue progression.
darken()Makes color darker by a factor.
lighten()Makes color lighter by a factor.
singleHueProgression()Single-hue progressions.

Functions Description

bipolarHueProgression

Multiple bipolar hue progression.

Params:

NameTypeDefaultDescription
color1string
"blue"
Color in rgb, named or hex string representation like "rgb(255, 0, 0)", "red" or "#ff0000" accordingly.
color2string
"red"
Color in rgb, named or hex string representation like "rgb(255, 0, 0)", "red" or "#ff0000" accordingly.
countnumber
7
Count of progression colors.

Returns:

Array.<string> - Multiple bipolar hue progression. Array of colors.

blend

Blend two colors together, using the specified factor to indicate the weight given to the first color.

Params:

NameTypeDescription
rgb1goog.color.RgbThe first color represented as RGB array of 3 numbers.
rgb2goog.color.RgbThe second color represented as RGB array of 3 numbers.
factornumberThe weight of the first color over the second one rgb2. Values should be in the [0, 1] range. If set to a value less than 0, factor will be set to 0. If greater than 1, factor will be set to 1.

Returns:

goog.color.Rgb - Combined color represented as RGB array.

blendedHueProgression

Multiple blended hue progression.

Params:

NameTypeDefaultDescription
color1string
"#ffff00"
Color in rgb, named or hex string representation like "rgb(255, 0, 0)", "red" or "#ff0000" accordingly.
color2string
"#a52a2a"
Color in rgb, named or hex string representation like "rgb(255, 0, 0)", "red" or "#ff0000" accordingly.
countnumber
7
Count of progression colors.

Returns:

Array.<string> - Multiple blended hue progression. Array of colors.

darken

Makes color darker by a factor.

Params:

NameTypeDefaultDescription
fillOrStrokeanychart.graphics.vector.Fill | anychart.graphics.vector.Stroke
Fill or stroke to be darkened.
factornumber
0.3
Black color blending factor.

Returns:

string | anychart.graphics.vector.Fill | anychart.graphics.vector.Stroke - Hex representation of the darkened color, or Color if color can't be darkened.

lighten

Makes color lighter by a factor.

Params:

NameTypeDefaultDescription
fillOrStrokeanychart.graphics.vector.Fill | anychart.graphics.vector.Stroke
Fill or stroke to be lightened.
factornumber
0.3
White color blending factor.

Returns:

string | anychart.graphics.vector.Fill | anychart.graphics.vector.Stroke - Hex representation of the lightened color, or Color if color can not be lighten.

singleHueProgression

Single-hue progressions.

Params:

NameTypeDefaultDescription
colorstring
"black"
Color in rgb, named or hex string representation like "rgb(255, 0, 0)", "red" or "#ff0000" accordingly.
countnumber
7
Count of progression colors.
startOrTargetLightnessnumber
0.95
Source lightness. Number in [0, 1]. 1 - very light (white), 0 - vere dark (black). If opt_startOrTargetLightness and opt_endLightness don't defined, then lightness progression starts from 0.95 and ends to lightness of passed color.
endLightnessnumber
from passed color
Target lightness. Number in [0, 1]. 1 - very light (white), 0 - vere dark (black).

Returns:

Array.<string> - Single hue progression. Array of colors.