Poline
A polar coordinate-based color palette generator that creates harmonious schemes by connecting anchor points, supporting custom position functions and HSL color model.
Product Overview
Anchors: Minimum 2 HSL color points; connecting lines generate intermediate colors Polar Line: Lines between anchors determine color distribution Position Functions: Control color transition curves (linear, sinusoidal [default], exponential, etc.) numPoints: Controls color quantity (default 4) closedLoop: Enables seamless palette cycling Invert Lightness: Swaps center/edge brightness values Color Output: HSL arrays, CSS strings (HSL/LCH/OKLCH formats) Technical Implementation Lightweight TypeScript library Supports dynamic adjustments to anchors, position functions, and hue shifts
label.best_for
Technical Implementation Lightweight TypeScript library Supports dynamic adjustments to anchors, position functions, and hue shifts
Key Features
- Ready-made UI components
- Figma/Sketch/XD formats
- Responsive layouts
- Customizable design tokens
Pros
- +Color palette generation
- +Export to CSS/design tools
Cons
- -Limited to color generation only
- -May require learning curve
Material UI Color Tool
Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.
Gradient Hunt
A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.
Grabient
A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.