Studio Design Utilities
Four dedicated workspaces engineered to streamline color selection, mathematical contrast validation, gradient production, and multi-coordinate conversion.
Color Palette Generator
Generate harmonically cohesive 5-slot color palettes from any base hex. Includes locking, analogous/triadic/complementary rules, live SaaS & mobile mockups, and CSS/Tailwind export.
Core Capabilities
- 7 color harmony algorithms
- Slot locking with Spacebar randomize
- Export to CSS, Tailwind, JSON, SVG & PNG
- Live mobile & dashboard mockup preview
WCAG Contrast Checker
Calculate precise WCAG 2.1 & 2.2 relative luminance contrast ratios for text and UI components. Features auto-fix luminance targeting for AA (4.5:1) and AAA (7:1).
Core Capabilities
- W3C relative luminance calculation
- AA & AAA compliance for normal & large text
- One-click auto-fix to target ratio
- Realistic interactive UI component test canvas
Dynamic Gradient Studio
Sculpt rich multi-stop linear and radial gradients with custom angles, modern OKLCH color interpolation to prevent gray dead-zones, and 1080p PNG export.
Core Capabilities
- Multi-stop linear and radial builder
- Modern CSS Color 4 `in oklch` support
- Curated studio gradient presets
- Direct CSS, Tailwind, and SVG exports
Hex / RGB / HSL / CMYK Converter
Instantaneous bi-directional translation across HEX, RGB, HSL, HSV, CMYK, and OKLCH color formats. Includes 4-type color vision deficiency simulation.
Core Capabilities
- Bi-directional live sliders & inputs
- Color blindness simulation (Protan, Deutan, Tritan, Achromat)
- Design system 9-step tints & shades ramp
- One-click clipboard copy for all models