Color
Color Converter
Convert a color between HEX, RGB, HSL and CSS notation.
HEX
#00c16a
HEX (short)
#00c16a
RGB
rgb(0, 193, 106)
RGBA
rgba(0, 193, 106, 1)
HSL
hsl(153, 100%, 38%)
HSLA
hsla(153, 100%, 38%, 1)
CSS variables
--color: #00c16a;
Tailwind arbitrary
bg-[#00c16a]
Guides that cover this
HEX, RGB, HSL and the newer colour spacesHow HEX, RGB, HSL, LCH and OKLCH relate to each other, why an HSL palette goes muddy in the mid tones, and what gamut clipping and alpha compositing do to the colour you get.Meeting WCAG colour contrast without guessingWhat a contrast ratio measures, the AA and AAA thresholds for text and interface components, and the grey-on-white mistakes that quietly fail every time.