decioferreira / elm-zen-css / CSS.Types.Color

The CSS data type represents a color. A may also include an alpha-channel transparency value, indicating how the color should composite with its background.

Ref.: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value


type Color

data type.

toString : Color -> String

Color keywords

Ref.: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color_keywords

aliceblue : Color

aliceblue color keyword.

antiquewhite : Color

antiquewhite color keyword.

aqua : Color

aqua color keyword.

aquamarine : Color

aquamarine color keyword.

azure : Color

azure color keyword.

beige : Color

beige color keyword.

bisque : Color

bisque color keyword.

black : Color

black color keyword.

blanchedalmond : Color

blanchedalmond color keyword.

blue : Color

blue color keyword.

blueviolet : Color

blueviolet color keyword.

brown : Color

brown color keyword.

burlywood : Color

burlywood color keyword.

cadetblue : Color

cadetblue color keyword.

chartreuse : Color

chartreuse color keyword.

chocolate : Color

chocolate color keyword.

coral : Color

coral color keyword.

cornflowerblue : Color

cornflowerblue color keyword.

cornsilk : Color

cornsilk color keyword.

crimson : Color

crimson color keyword.

cyan : Color

cyan color keyword.

darkblue : Color

darkblue color keyword.

darkcyan : Color

darkcyan color keyword.

darkgoldenrod : Color

darkgoldenrod color keyword.

darkgray : Color

darkgray color keyword.

darkgreen : Color

darkgreen color keyword.

darkgrey : Color

darkgrey color keyword.

darkkhaki : Color

darkkhaki color keyword.

darkmagenta : Color

darkmagenta color keyword.

darkolivegreen : Color

darkolivegreen color keyword.

darkorange : Color

darkorange color keyword.

darkorchid : Color

darkorchid color keyword.

darkred : Color

darkred color keyword.

darksalmon : Color

darksalmon color keyword.

darkseagreen : Color

darkseagreen color keyword.

darkslateblue : Color

darkslateblue color keyword.

darkslategray : Color

darkslategray color keyword.

darkslategrey : Color

darkslategrey color keyword.

darkturquoise : Color

darkturquoise color keyword.

darkviolet : Color

darkviolet color keyword.

deeppink : Color

deeppink color keyword.

deepskyblue : Color

deepskyblue color keyword.

dimgray : Color

dimgray color keyword.

dimgrey : Color

dimgrey color keyword.

dodgerblue : Color

dodgerblue color keyword.

firebrick : Color

firebrick color keyword.

floralwhite : Color

floralwhite color keyword.

forestgreen : Color

forestgreen color keyword.

fuchsia : Color

fuchsia color keyword.

gainsboro : Color

gainsboro color keyword.

ghostwhite : Color

ghostwhite color keyword.

gold : Color

gold color keyword.

goldenrod : Color

goldenrod color keyword.

gray : Color

gray color keyword.

green : Color

green color keyword.

greenyellow : Color

greenyellow color keyword.

grey : Color

grey color keyword.

honeydew : Color

honeydew color keyword.

hotpink : Color

hotpink color keyword.

indianred : Color

indianred color keyword.

indigo : Color

indigo color keyword.

ivory : Color

ivory color keyword.

khaki : Color

khaki color keyword.

lavender : Color

lavender color keyword.

lavenderblush : Color

lavenderblush color keyword.

lawngreen : Color

lawngreen color keyword.

lemonchiffon : Color

lemonchiffon color keyword.

lightblue : Color

lightblue color keyword.

lightcoral : Color

lightcoral color keyword.

lightcyan : Color

lightcyan color keyword.

lightgoldenrodyellow : Color

lightgoldenrodyellow color keyword.

lightgray : Color

lightgray color keyword.

lightgreen : Color

lightgreen color keyword.

lightgrey : Color

lightgrey color keyword.

lightpink : Color

lightpink color keyword.

lightsalmon : Color

lightsalmon color keyword.

lightseagreen : Color

lightseagreen color keyword.

lightskyblue : Color

lightskyblue color keyword.

lightslategray : Color

lightslategray color keyword.

lightslategrey : Color

lightslategrey color keyword.

lightsteelblue : Color

lightsteelblue color keyword.

lightyellow : Color

lightyellow color keyword.

lime : Color

lime color keyword.

limegreen : Color

limegreen color keyword.

linen : Color

linen color keyword.

magenta : Color

magenta color keyword.

maroon : Color

maroon color keyword.

mediumaquamarine : Color

mediumaquamarine color keyword.

mediumblue : Color

mediumblue color keyword.

mediumorchid : Color

mediumorchid color keyword.

mediumpurple : Color

mediumpurple color keyword.

mediumseagreen : Color

mediumseagreen color keyword.

mediumslateblue : Color

mediumslateblue color keyword.

mediumspringgreen : Color

mediumspringgreen color keyword.

mediumturquoise : Color

mediumturquoise color keyword.

mediumvioletred : Color

mediumvioletred color keyword.

midnightblue : Color

midnightblue color keyword.

mintcream : Color

mintcream color keyword.

mistyrose : Color

mistyrose color keyword.

moccasin : Color

moccasin color keyword.

navajowhite : Color

navajowhite color keyword.

navy : Color

navy color keyword.

oldlace : Color

oldlace color keyword.

olive : Color

olive color keyword.

olivedrab : Color

olivedrab color keyword.

orange : Color

orange color keyword.

orangered : Color

orangered color keyword.

orchid : Color

orchid color keyword.

palegoldenrod : Color

palegoldenrod color keyword.

palegreen : Color

palegreen color keyword.

paleturquoise : Color

paleturquoise color keyword.

palevioletred : Color

palevioletred color keyword.

papayawhip : Color

papayawhip color keyword.

peachpuff : Color

peachpuff color keyword.

peru : Color

peru color keyword.

pink : Color

pink color keyword.

plum : Color

plum color keyword.

powderblue : Color

powderblue color keyword.

purple : Color

purple color keyword.

rebeccapurple : Color

rebeccapurple color keyword.

red : Color

red color keyword.

rosybrown : Color

rosybrown color keyword.

royalblue : Color

royalblue color keyword.

saddlebrown : Color

saddlebrown color keyword.

salmon : Color

salmon color keyword.

sandybrown : Color

sandybrown color keyword.

seagreen : Color

seagreen color keyword.

seashell : Color

seashell color keyword.

sienna : Color

sienna color keyword.

silver : Color

silver color keyword.

skyblue : Color

skyblue color keyword.

slateblue : Color

slateblue color keyword.

slategray : Color

slategray color keyword.

slategrey : Color

slategrey color keyword.

snow : Color

snow color keyword.

springgreen : Color

springgreen color keyword.

steelblue : Color

steelblue color keyword.

tan : Color

tan color keyword.

teal : Color

teal color keyword.

thistle : Color

thistle color keyword.

tomato : Color

tomato color keyword.

turquoise : Color

turquoise color keyword.

violet : Color

violet color keyword.

wheat : Color

wheat color keyword.

white : Color

white color keyword.

whitesmoke : Color

whitesmoke color keyword.

yellow : Color

yellow color keyword.

yellowgreen : Color

yellowgreen color keyword.

Transparent keyword

transparent : Color

The transparent keyword represents a fully transparent color. This makes the background behind the colored item completely visible. Technically, transparent is a shortcut for rgba(0,0,0,0).

CurrentColor keyword

currentColor : Color

The currentColor keyword represents the value of an element's color property. This lets you use the color value on properties that do not receive it by default.

RGB colors

rgb : { red : Basics.Int, green : Basics.Int, blue : Basics.Int } -> Color

RGB colors can be expressed through the functional (rgb(), rgba()) notations.

rgba : { red : Basics.Int, green : Basics.Int, blue : Basics.Int, alpha : Basics.Float } -> Color

RGB colors can be expressed through the functional (rgb(), rgba()) notations.

HSL colors

hsl : { hue : Basics.Float, saturation : Basics.Float, lightness : Basics.Float } -> Color

HSL colors are expressed through the functional hsl() and hsla() notations.

hsla : { hue : Basics.Float, saturation : Basics.Float, lightness : Basics.Float, alpha : Basics.Float } -> Color

HSL colors are expressed through the functional hsl() and hsla() notations.