What is this tool?
Pick colors, inspect HSL/RGB/HEX values, and generate harmonies.
When to use it?
Perfect for UI design, CSS styling, brand coloring, or theme picking.
How does it work?
Reads standard hex/rgb parameters and calculates HSL complementary shifts.
Example Conversions
Sample Input:
Color: #6366f1 (Indigo)
Sample Output:
Analogous: #3b82f6, #6366f1, #a855f7. Click-to-copy enabled.
Frequently Asked Questions
How do I copy color codes?
Click the copy icon next to any value, or click directly on any palette swatch.
What harmonies are supported?
Analogous, complementary, triadic, and monochromatic palettes.