HEX to HSL converter for Tailwind and CSS colors
HEX to HSL for 606 Tailwind and CSS named colors, with the exact math, gamut info and CSS snippets for each. Open any color below.
Tailwind CSS colors
amber
emerald
fuchsia
green
indigo
mauve
neutral
olive
orange
purple
slate
stone
violet
yellow
slate (Tailwind v3)
zinc (Tailwind v3)
neutral (Tailwind v3)
stone (Tailwind v3)
red (Tailwind v3)
orange (Tailwind v3)
amber (Tailwind v3)
yellow (Tailwind v3)
lime (Tailwind v3)
green (Tailwind v3)
emerald (Tailwind v3)
teal (Tailwind v3)
cyan (Tailwind v3)
sky (Tailwind v3)
blue (Tailwind v3)
indigo (Tailwind v3)
violet (Tailwind v3)
purple (Tailwind v3)
fuchsia (Tailwind v3)
pink (Tailwind v3)
rose (Tailwind v3)
CSS named colors
- aliceblue
- antiquewhite
- aqua
- aquamarine
- azure
- beige
- bisque
- black
- blanchedalmond
- blue
- blueviolet
- brown
- burlywood
- cadetblue
- chartreuse
- chocolate
- coral
- cornflowerblue
- cornsilk
- crimson
- darkblue
- darkcyan
- darkgoldenrod
- darkgray
- darkgreen
- darkkhaki
- darkmagenta
- darkolivegreen
- darkorange
- darkorchid
- darkred
- darksalmon
- darkseagreen
- darkslateblue
- darkslategray
- darkturquoise
- darkviolet
- deeppink
- deepskyblue
- dimgray
- dodgerblue
- firebrick
- floralwhite
- forestgreen
- fuchsia
- gainsboro
- ghostwhite
- gold
- goldenrod
- gray
- green
- greenyellow
- honeydew
- hotpink
- indianred
- indigo
- ivory
- khaki
- lavender
- lavenderblush
- lawngreen
- lemonchiffon
- lightblue
- lightcoral
- lightcyan
- lightgoldenrodyellow
- lightgray
- lightgreen
- lightpink
- lightsalmon
- lightseagreen
- lightskyblue
- lightslategray
- lightsteelblue
- lightyellow
- lime
- limegreen
- linen
- maroon
- mediumaquamarine
- mediumblue
- mediumorchid
- mediumpurple
- mediumseagreen
- mediumslateblue
- mediumspringgreen
- mediumturquoise
- mediumvioletred
- midnightblue
- mintcream
- mistyrose
- moccasin
- navajowhite
- navy
- oldlace
- olive
- olivedrab
- orange
- orangered
- orchid
- palegoldenrod
- palegreen
- paleturquoise
- palevioletred
- papayawhip
- peachpuff
- peru
- pink
- plum
- powderblue
- purple
- rebeccapurple
- red
- rosybrown
- royalblue
- saddlebrown
- salmon
- sandybrown
- seagreen
- seashell
- sienna
- silver
- skyblue
- slateblue
- slategray
- snow
- springgreen
- steelblue
- tan
- teal
- thistle
- tomato
- turquoise
- violet
- wheat
- white
- yellow
- yellowgreen