ToolKitColor tools
Palette Generator
Preview one base color at five opacity levels and copy its HEX/RGB CSS variables. Complementary, analogous and triadic palettes are not implemented.
Palette generator
CSS variables
--color-base: #111827; --color-rgb: 17 24 39;
About this tool
Select a base color to preview it at opacity levels of 20%, 40%, 60%, 80% and 100%. The output provides CSS custom properties for the base HEX and RGB values.
These are translucent versions of one color, not color-theory harmonies or independent shade tokens. Their visible appearance depends on the background. Complementary, analogous and triadic generation are not available.
Frequently asked questions
Does it generate complementary or triadic colors?
No. It displays one selected color at five opacity levels.