Use the palette to create consistent hover/active states: pick a darker or lighter shade?

Use the palette to create consistent hover/active states: pick a darker or lighter shade.

HSL is the most intuitive format for adjusting brightness without changing the hue?

HSL is the most intuitive format for adjusting brightness without changing the hue.

The Tailwind export generates keys directly compatible with your tailwind.config.js file.

Pick colors and generate palettes

Pick a color and instantly get its HEX, RGB and HSL equivalents, along with a harmonious palette.

1Use the color picker to choose a hue, or click "Random" for inspiration.
2HEX, RGB and HSL values appear automatically — copy the one you need.
3The generated palette offers 5 brightness variants based on your base color.
4Starter+: export the palette as CSS Variables or Tailwind CSS configuration in one click.

Use the palette to create consistent hover/active states: pick a darker or lighter shade.
HSL is the most intuitive format for adjusting brightness without changing the hue.
The Tailwind export generates keys directly compatible with your tailwind.config.js file.

OneKitTools TeamUpdated 2.21.4