miso
Copyright(C) 2016-2025 David M. Johnson
LicenseBSD3-style (see the file LICENSE)
MaintainerDavid M. Johnson <code@dmj.io>
Stabilityexperimental
Portabilitynon-portable
Safe HaskellNone
LanguageHaskell2010

Miso.CSS.Color

Description

 
Synopsis

Types

data Color Source #

Data type for expressing Color

Constructors

RGBA Int Int Int Double

Red, green, blue and alpha transparency. See here

RGB Int Int Int

Red, green, blue. See here

HSL Int Int Int

Hue, saturation, light. See here

HSLA Int Int Int Double

Hue, saturation, light and alpha transparency. See here

Hex MisoString

Hexadecimal representation of a color. See here

Instances

Instances details
Show Color Source # 
Instance details

Defined in Miso.CSS.Color

Methods

showsPrec :: Int -> Color -> ShowS #

show :: Color -> String #

showList :: [Color] -> ShowS #

Eq Color Source # 
Instance details

Defined in Miso.CSS.Color

Methods

(==) :: Color -> Color -> Bool #

(/=) :: Color -> Color -> Bool #

ToJSVal Color Source #

ToJSVal instance for Color

Instance details

Defined in Miso.CSS.Color

MakeArgs Color Source #

MakeArgs instance for Color

Instance details

Defined in Miso.CSS.Color

Methods

makeArgs :: Color -> JSM [JSVal] Source #

KnownSymbol color => IsLabel color Color Source #

IsLabel instance on Color

grey :: Color
grey = #cccccc
Instance details

Defined in Miso.CSS.Color

Methods

fromLabel :: Color #

Smart constructor

rgba :: Int -> Int -> Int -> Double -> Color Source #

Smart constructor for an RGBA Color value.

>>> renderColor (rgba 0 0 0 1.0)
"rgba(0,0,0,1.0)"

rgb :: Int -> Int -> Int -> Color Source #

Smart constructor for an RGB Color value.

>>> renderColor (rgb 0 0 0)
"rgb(0,0,0)"

hsl :: Int -> Int -> Int -> Color Source #

Smart constructor for an HSL Color value.

>>> renderColor (hsl 0 0 0)
"hsl(0,0,0)"

hsla :: Int -> Int -> Int -> Double -> Color Source #

Smart constructor for a HSLA Color value.

>>> renderColor (hsla 0 0 0 1.0)
"hsla(0,0,0,1.0)"

hex :: MisoString -> Color Source #

Smart constructor for a Hex Color

>>> renderColor (hsla 0 0 0 1.0)
"hsl(0,0,0,1.0)"

var :: MisoString -> Color Source #

Smart constructor for a CSS variable.

>>> renderColor (var "foo")
"var(--foo)"

Render

renderColor :: Color -> MisoString Source #

Renders a Color as MisoString

>>> renderColor (hex "ccc")
"#ccc"

Colors

transparent :: Color Source #

Smart constructor for the transparent color

>>> renderColor transparent
"rgba(0,0,0,0.0)"

aliceblue :: Color Source #

Smart constructor for the aliceblue Color.

>>> renderColor aliceblue
"rgba(240,248,255,1.0)"

antiquewhite :: Color Source #

Smart constructor for the antiquewhite Color.

>>> renderColor antiquewhite
"rgba(250,235,215,1.0)"

aqua :: Color Source #

Smart constructor for the aqua Color.

>>> renderColor aqua
"rgba(0,255,255,1.0)"

aquamarine :: Color Source #

Smart constructor for the aquamarine Color.

>>> renderColor aquamarine
"rgba(127,255,212,1.0)"

azure :: Color Source #

Smart constructor for the azure Color.

>>> renderColor azure
"rgba(240,255,255,1.0)"

beige :: Color Source #

Smart constructor for the beige Color.

>>> renderColor beige
"rgba(245,245,220,1.0)"

bisque :: Color Source #

Smart constructor for the bisque Color.

>>> renderColor bisque
"rgba(255,228,196,1.0)"

black :: Color Source #

Smart constructor for the black Color.

>>> renderColor black
"rgba(0,0,0,1.0)"

blanchedalmond :: Color Source #

Smart constructor for the blanchedalmond Color.

>>> renderColor blanchedalmond
"rgba(255,235,205,1.0)"

blue :: Color Source #

Smart constructor for the blue Color.

>>> renderColor blue
"rgba(0,0,255,1.0)"

blueviolet :: Color Source #

Smart constructor for the blueviolet Color.

>>> renderColor blueviolet
"rgba(138,43,226,1.0)"

brown :: Color Source #

Smart constructor for the brown Color.

>>> renderColor brown
"rgba(165,42,42,1.0)"

burlywood :: Color Source #

Smart constructor for the burlywood Color.

>>> renderColor burlywood
"rgba(222,184,135,1.0)"

cadetblue :: Color Source #

Smart constructor for the cadetblue Color.

>>> renderColor cadetblue
"rgba(95,158,160,1.0)"

chartreuse :: Color Source #

Smart constructor for the chartreuse Color.

>>> renderColor chartreuse
"rgba(127,255,0,1.0)"

chocolate :: Color Source #

Smart constructor for the chocolate Color.

>>> renderColor chocolate
"rgba(210,105,30,1.0)"

coral :: Color Source #

Smart constructor for the coral Color.

>>> renderColor coral
"rgba(255,127,80,1.0)"

cornflowerblue :: Color Source #

Smart constructor for the cornflowerblue Color.

>>> renderColor cornflowerblue
"rgba(100,149,237,1.0)"

cornsilk :: Color Source #

Smart constructor for the cornsilk Color.

>>> renderColor cornsilk
"rgba(255,248,220,1.0)"

crimson :: Color Source #

Smart constructor for the crimson Color.

>>> renderColor crimson
"rgba(220,20,60,1.0)"

cyan :: Color Source #

Smart constructor for the cyan Color.

>>> renderColor cyan
"rgba(0,255,255,1.0)"

darkblue :: Color Source #

Smart constructor for the darkblue Color.

>>> renderColor darkblue
"rgba(0,0,139,1.0)"

darkcyan :: Color Source #

Smart constructor for the darkcyan Color.

>>> renderColor darkcyan
"rgba(0,139,139,1.0)"

darkgoldenrod :: Color Source #

Smart constructor for the darkgoldenrod Color.

>>> renderColor darkgoldenrod
"rgba(184,134,11,1.0)"

darkgray :: Color Source #

Smart constructor for the darkgray Color.

>>> renderColor darkgray
"rgba(169,169,169,1.0)"

darkgreen :: Color Source #

Smart constructor for the darkgreen Color.

>>> renderColor darkgreen
"rgba(0,100,0,1.0)"

darkgrey :: Color Source #

Smart constructor for the darkgrey Color.

>>> renderColor darkgrey
"rgba(169,169,169,1.0)"

darkkhaki :: Color Source #

Smart constructor for the darkkhaki Color.

>>> renderColor darkkhaki
"rgba(189,183,107,1.0)"

darkmagenta :: Color Source #

Smart constructor for the darkmagenta Color.

>>> renderColor darkmagenta
"rgba(139,0,139,1.0)"

darkolivegreen :: Color Source #

Smart constructor for the darkolivegreen Color.

>>> renderColor darkolivegreen
"rgba(85,107,47,1.0)"

darkorange :: Color Source #

Smart constructor for the darkorange Color.

>>> renderColor darkorange
"rgba(255,140,0,1.0)"

darkorchid :: Color Source #

Smart constructor for the darkorchid Color.

>>> renderColor darkorchid
"rgba(153,50,204,1.0)"

darkred :: Color Source #

Smart constructor for the darkred Color.

>>> renderColor darkred
"rgba(139,0,0,1.0)"

darksalmon :: Color Source #

Smart constructor for the darksalmon Color.

>>> renderColor darksalmon
"rgba(233,150,122,1.0)"

darkseagreen :: Color Source #

Smart constructor for the darkseagreen Color.

>>> renderColor darkseagreen
"rgba(143,188,143,1.0)"

darkslateblue :: Color Source #

Smart constructor for the darkslateblue Color.

>>> renderColor darkslateblue
"rgba(72,61,139,1.0)"

darkslategray :: Color Source #

Smart constructor for the darkslategray Color.

>>> renderColor darkslategray
"rgba(47,79,79,1.0)"

darkslategrey :: Color Source #

Smart constructor for the darkslategrey Color.

>>> renderColor darkslategrey
"rgba(47,79,79,1.0)"

darkturquoise :: Color Source #

Smart constructor for the darkturquoise Color.

>>> renderColor darkturquoise
"rgba(0,206,209,1.0)"

darkviolet :: Color Source #

Smart constructor for the darkviolet Color.

>>> renderColor darkviolet
"rgba(148,0,211,1.0)"

deeppink :: Color Source #

Smart constructor for the deeppink Color.

>>> renderColor deeppink
"rgba(255,20,147,1.0)"

deepskyblue :: Color Source #

Smart constructor for the deepskyblue Color.

>>> renderColor deepskyblue
"rgba(0,191,255,1.0)"

dimgray :: Color Source #

Smart constructor for the dimgray Color.

>>> renderColor dimgray
"rgba(105,105,105,1.0)"

dimgrey :: Color Source #

Smart constructor for the dimgrey Color.

>>> renderColor dimgrey
"rgba(105,105,105,1.0)"

dodgerblue :: Color Source #

Smart constructor for the dodgerblue Color.

>>> renderColor dodgerblue
"rgba(30,144,255,1.0)"

firebrick :: Color Source #

Smart constructor for the firebrick Color.

>>> renderColor firebrick
"rgba(178,34,34,1.0)"

floralwhite :: Color Source #

Smart constructor for the floralwhite Color.

>>> renderColor floralwhite
"rgba(255,250,240,1.0)"

forestgreen :: Color Source #

Smart constructor for the forestgreen Color.

>>> renderColor forestgreen
"rgba(34,139,34,1.0)"

fuchsia :: Color Source #

Smart constructor for the fuchsia Color.

>>> renderColor fuchsia
"rgba(255,0,255,1.0)"

gainsboro :: Color Source #

Smart constructor for the gainsboro Color.

>>> renderColor gainsboro
"rgba(220,220,220,1.0)"

ghostwhite :: Color Source #

Smart constructor for the ghostwhite Color.

>>> renderColor ghostwhite
"rgba(248,248,255,1.0)"

gold :: Color Source #

Smart constructor for the gold Color.

>>> renderColor gold
"rgba(255,215,0,1.0)"

goldenrod :: Color Source #

Smart constructor for the goldenrod Color.

>>> renderColor goldenrod
"rgba(218,165,32,1.0)"

gray :: Color Source #

Smart constructor for the gray Color.

>>> renderColor gray
"rgba(128,128,128,1.0)"

green :: Color Source #

Smart constructor for the green Color.

>>> renderColor green
"rgba(0,128,0,1.0)"

greenyellow :: Color Source #

Smart constructor for the greenyellow Color.

>>> renderColor greenyellow
"rgba(173,255,47,1.0)"

grey :: Color Source #

Smart constructor for the grey Color.

>>> renderColor grey
"rgba(128,128,128,1.0)"

honeydew :: Color Source #

Smart constructor for the honeydew Color.

>>> renderColor honeydew
"rgba(240,255,240,1.0)"

hotpink :: Color Source #

Smart constructor for the hotpink Color.

>>> renderColor hotpink
"rgba(255,105,180,1.0)"

indianred :: Color Source #

Smart constructor for the indianred Color.

>>> renderColor indianred
"rgba(205,92,92,1.0)"

indigo :: Color Source #

Smart constructor for the indigo Color.

>>> renderColor indigo
"rgba(75,0,130,1.0)"

ivory :: Color Source #

Smart constructor for the ivory Color.

>>> renderColor ivory
"rgba(255,255,240,1.0)"

khaki :: Color Source #

Smart constructor for the khaki Color.

>>> renderColor khaki
"rgba(240,230,140,1.0)"

lavender :: Color Source #

Smart constructor for the lavender Color.

>>> renderColor lavender
"rgba(230,230,250,1.0)"

lavenderblush :: Color Source #

Smart constructor for the lavenderblush Color.

>>> renderColor lavenderblush
"rgba(255,240,245,1.0)"

lawngreen :: Color Source #

Smart constructor for the lawngreen Color.

>>> renderColor lawngreen
"rgba(124,252,0,1.0)"

lemonchiffon :: Color Source #

Smart constructor for the lemonchiffon Color.

>>> renderColor lemonchiffon
"rgba(255,250,205,1.0)"

lightblue :: Color Source #

Smart constructor for the lightblue Color.

>>> renderColor lightblue
"rgba(173,216,230,1.0)"

lightcoral :: Color Source #

Smart constructor for the lightcoral Color.

>>> renderColor lightcoral
"rgba(240,128,128,1.0)"

lightcyan :: Color Source #

Smart constructor for the lightcyan Color.

>>> renderColor lightcyan
"rgba(224,255,255,1.0)"

lightgoldenrodyellow :: Color Source #

Smart constructor for the lightgoldenrodyellow Color.

>>> renderColor lightgoldenrodyellow
"rgba(250,250,210,1.0)"

lightgray :: Color Source #

Smart constructor for the lightgray Color.

>>> renderColor lightgray
"rgba(211,211,211,1.0)"

lightgreen :: Color Source #

Smart constructor for the lightgreen Color.

>>> renderColor lightgreen
"rgba(144,238,144,1.0)"

lightgrey :: Color Source #

Smart constructor for the lightgrey Color.

>>> renderColor lightgrey
"rgba(211,211,211,1.0)"

lightpink :: Color Source #

Smart constructor for the lightpink Color.

>>> renderColor lightpink
"rgba(255,182,193,1.0)"

lightsalmon :: Color Source #

Smart constructor for the lightsalmon Color.

>>> renderColor lightsalmon
"rgba(255,160,122,1.0)"

lightseagreen :: Color Source #

Smart constructor for the lightseagreen Color.

>>> renderColor lightseagreen
"rgba(32,178,170,1.0)"

lightskyblue :: Color Source #

Smart constructor for the lightskyblue Color.

>>> renderColor lightskyblue
"rgba(135,206,250,1.0)"

lightslategray :: Color Source #

Smart constructor for the lightslategray Color.

>>> renderColor lightslategray
"rgba(119,136,153,1.0)"

lightslategrey :: Color Source #

Smart constructor for the lightslategrey Color.

>>> renderColor lightslategrey
"rgba(119,136,153,1.0)"

lightsteelblue :: Color Source #

Smart constructor for the lightsteelblue Color.

>>> renderColor lightsteelblue
"rgba(176,196,222,1.0)"

lightyellow :: Color Source #

Smart constructor for the lightyellow Color.

>>> renderColor lightyellow
"rgba(255,255,224,1.0)"

lime :: Color Source #

Smart constructor for the lime Color.

>>> renderColor lime
"rgba(0,255,0,1.0)"

limegreen :: Color Source #

Smart constructor for the limegreen Color.

>>> renderColor limegreen
"rgba(50,205,50,1.0)"

linen :: Color Source #

Smart constructor for the linen Color.

>>> renderColor linen
"rgba(250,240,230,1.0)"

magenta :: Color Source #

Smart constructor for the magenta Color.

>>> renderColor magenta
"rgba(255,0,255,1.0)"

maroon :: Color Source #

Smart constructor for the maroon Color.

>>> renderColor maroon
"rgba(128,0,0,1.0)"

mediumaquamarine :: Color Source #

Smart constructor for the mediumaquamarine Color.

>>> renderColor mediumaquamarine
"rgba(102,205,170,1.0)"

mediumblue :: Color Source #

Smart constructor for the mediumblue Color.

>>> renderColor mediumblue
"rgba(0,0,205,1.0)"

mediumorchid :: Color Source #

Smart constructor for the mediumorchid Color.

>>> renderColor mediumorchid
"rgba(186,85,211,1.0)"

mediumpurple :: Color Source #

Smart constructor for the mediumpurple Color.

>>> renderColor mediumpurple
"rgba(147,112,219,1.0)"

mediumseagreen :: Color Source #

Smart constructor for the mediumseagreen Color.

>>> renderColor mediumseagreen
"rgba(60,179,113,1.0)"

mediumslateblue :: Color Source #

Smart constructor for the mediumslateblue Color.

>>> renderColor mediumslateblue
"rgba(123,104,238,1.0)"

mediumspringgreen :: Color Source #

Smart constructor for the mediumspringgreen Color.

>>> renderColor mediumspringgreen
"rgba(0,250,154,1.0)"

mediumturquoise :: Color Source #

Smart constructor for the mediumturquoise Color.

>>> renderColor mediumturquoise
"rgba(72,209,204,1.0)"

mediumvioletred :: Color Source #

Smart constructor for the mediumvioletred Color.

>>> renderColor mediumvioletred
"rgba(199,21,133,1.0)"

midnightblue :: Color Source #

Smart constructor for the midnightblue Color.

>>> renderColor midnightblue
"rgba(25,25,112,1.0)"

mintcream :: Color Source #

Smart constructor for the mintcream Color.

>>> renderColor mintcream
"rgba(245,255,250,1.0)"

mistyrose :: Color Source #

Smart constructor for the mistyrose Color.

>>> renderColor mistyrose
"rgba(255,228,225,1.0)"

moccasin :: Color Source #

Smart constructor for the moccasin Color.

>>> renderColor moccasin
"rgba(255,228,181,1.0)"

navajowhite :: Color Source #

Smart constructor for the navajowhite Color.

>>> renderColor navajowhite
"rgba(255,222,173,1.0)"

navy :: Color Source #

Smart constructor for the navy Color.

>>> renderColor navy
"rgba(0,0,128,1.0)"

oldlace :: Color Source #

Smart constructor for the oldlace Color.

>>> renderColor oldlace
"rgba(253,245,230,1.0)"

olive :: Color Source #

Smart constructor for the olive Color.

>>> renderColor olive
"rgba(128,128,0,1.0)"

olivedrab :: Color Source #

Smart constructor for the olivedrab Color.

>>> renderColor olivedrab
"rgba(107,142,35,1.0)"

orange :: Color Source #

Smart constructor for the orange Color.

>>> renderColor orange
"rgba(255,165,0,1.0)"

orangered :: Color Source #

Smart constructor for the orangered Color.

>>> renderColor orangered
"rgba(255,69,0,1.0)"

orchid :: Color Source #

Smart constructor for the orchid Color.

>>> renderColor orchid
"rgba(218,112,214,1.0)"

palegoldenrod :: Color Source #

Smart constructor for the palegoldenrod Color.

>>> renderColor palegoldenrod
"rgba(238,232,170,1.0)"

palegreen :: Color Source #

Smart constructor for the palegreen Color.

>>> renderColor palegreen
"rgba(152,251,152,1.0)"

paleturquoise :: Color Source #

Smart constructor for the paleturquoise Color.

>>> renderColor paleturquoise
"rgba(175,238,238,1.0)"

palevioletred :: Color Source #

Smart constructor for the palevioletred Color.

>>> renderColor palevioletred
"rgba(219,112,147,1.0)"

papayawhip :: Color Source #

Smart constructor for the papayawhip Color.

>>> renderColor papayawhip
"rgba(255,239,213,1.0)"

peachpuff :: Color Source #

Smart constructor for the peachpuff Color.

>>> renderColor peachpuff
"rgba(255,218,185,1.0)"

peru :: Color Source #

Smart constructor for the peru Color.

>>> renderColor peru
"rgba(205,133,63,1.0)"

pink :: Color Source #

Smart constructor for the pink Color.

>>> renderColor pink
"rgba(255,192,203,1.0)"

plum :: Color Source #

Smart constructor for the plum Color.

>>> renderColor plum
"rgba(221,160,221,1.0)"

powderblue :: Color Source #

Smart constructor for the powderblue Color.

>>> renderColor powderblue
"rgba(176,224,230,1.0)"

purple :: Color Source #

Smart constructor for the purple Color.

>>> renderColor purple
"rgba(128,0,128,1.0)"

red :: Color Source #

Smart constructor for the red Color.

>>> renderColor red
"rgba (255,0,0,1.0)"

rosybrown :: Color Source #

Smart constructor for the rosybrown Color.

>>> renderColor rosybrown
"rgba(188,143,143,1.0)"

royalblue :: Color Source #

Smart constructor for the royalblue Color.

>>> renderColor royalblue
"rgba(65,105,225,1.0)"

saddlebrown :: Color Source #

Smart constructor for the saddlebrown Color.

>>> renderColor saddlebrown
"rgba(139,69,19,1.0)"

salmon :: Color Source #

Smart constructor for the salmon Color.

>>> renderColor salmon
"rgba(250,128,114,1.0)"

sandybrown :: Color Source #

Smart constructor for the sandybrown Color.

>>> renderColor sandybrown
"rgba(244,164,96,1.0)"

seagreen :: Color Source #

Smart constructor for the seagreen Color.

>>> renderColor seagreen
"rgba(46,139,87,1.0)"

seashell :: Color Source #

Smart constructor for the seashell Color.

>>> renderColor seashell
"rgba(255,245,238,1.0)"

sienna :: Color Source #

Smart constructor for the sienna Color.

>>> renderColor sienna
"rgba(160,82,45,1.0)"

silver :: Color Source #

Smart constructor for the silver Color.

>>> renderColor silver
"rgba(192,192,192,1.0)"

skyblue :: Color Source #

Smart constructor for the skyblue Color.

>>> renderColor skyblue
"rgba(135,206,235,1.0)"

slateblue :: Color Source #

Smart constructor for the slateblue Color.

>>> renderColor slateblue
"rgba(106,90,205,1.0)"

slategray :: Color Source #

Smart constructor for the slategray Color.

>>> renderColor slategray
"rgba(112,128,144,1.0)"

slategrey :: Color Source #

Smart constructor for the slategrey Color.

>>> renderColor slategrey
"rgba(112,128,144,1.0)"

snow :: Color Source #

Smart constructor for the snow Color.

>>> renderColor snow
"rgba(255,250,250,1.0)"

springgreen :: Color Source #

Smart constructor for the springgreen Color.

>>> renderColor springgreen
"rgba(0,255,127,1.0)"

steelblue :: Color Source #

Smart constructor for the steelblue Color.

>>> renderColor steelblue
"rgba(70,130,180,1.0)"

tan :: Color Source #

Smart constructor for the tan Color.

>>> renderColor tan
"rgba(210,180,140,1.<<data:image/svg+xml;base64,0)"

teal :: Color Source #

Smart constructor for the teal Color.

>>> renderColor teal
"rgba(0,128,128,1.0)"

thistle :: Color Source #

Smart constructor for the thistle Color.

>>> renderColor thistle
"rgba(216,191,216,1.0)"

tomato :: Color Source #

Smart constructor for the tomato Color.

>>> renderColor tomato
"rgba(255,99,71,1.0)"

turquoise :: Color Source #

Smart constructor for the turquoise Color.

>>> renderColor turquoise
"rgba(64,224,208,1.0)"

violet :: Color Source #

Smart constructor for the violet Color.

>>> renderColor violet
"rgba(238,130,238,1.0)"

wheat :: Color Source #

Smart constructor for the wheat Color.

>>> renderColor wheat
"rgba(245,222,179,1.0)"

white :: Color Source #

Smart constructor for the white Color.

>>> renderColor white
"rgba(255,255,255,1.0)"

whitesmoke :: Color Source #

Smart constructor for the whitesmoke Color.

>>> renderColor whitesmoke
"rgba(245,245,245,1.0)"

yellow :: Color Source #

Smart constructor for the yellow Color.

>>> renderColor yellow
"rgba(255,255,0,1.0)"

yellowgreen :: Color Source #

Smart constructor for the yellowgreen Color.

>>> renderColor yellowgreen
"rgba(154,205,50,1.0)"

Orphan instances

KnownSymbol hex => IsLabel hex MisoString Source #

IsLabel instance on MisoString for construction of hex colors as strings

grey :: MisoString
grey = #cccccc
Instance details