Color Converter & Palette Generator
Convert between HEX, RGB, and HSL. Generate harmonious palettes and export as CSS or Tailwind config.
hex
#6b21a8
rgb
rgb(107, 33, 168)
hsl
hsl(273, 67%, 39%)
cssVar
--color-custom: #6b21a8;
complementary
analogous
triadic
split Complementary
shades
tints
:root {
--color-primary: #6b21a8;
--color-complementary-1: #6a21a6;
--color-complementary-2: #5da621;
--color-analogous-1: #2721a6;
--color-analogous-2: #6a21a6;
--color-analogous-3: #a6219f;
}Extract color palettes from any website
MiroMiro's Chrome extension extracts complete color palettes from any live website — including HEX, RGB, and HSL values for every color used.