HEX to OKLCH converter for Tailwind and CSS colors
HEX to OKLCH 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