Tailwind & Material Color Generator
Interpolate custom hex variables generating scalable HSL configurations spanning shades 50-950 targeting Tailwind or CSS variables perfectly offline directly efficiently.
Tailwind & Material Color Shade Generator
Interpolate base hex bounds computing strictly scalable HSL variations spanning 50-950 seamlessly dynamically.
Generated Palette Array
Click any shade to copy bounds directly securely mapping locally.
Usage Implementation (Tailwind)
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
brand: {
}
}
}
}
}Usage Implementation (CSS Variables)
:root {
}