01
AI Color Picker
Inspect a hex, RGB, or HSL value and copy the formats you need.
AssemblingStudio 07 · Creative
Color, type, and the next frame.
Studio-side utilities for palettes and type. Honest about contrast; not a substitute for a full design system.
Tools in this studio
02
AI Contrast Check
Check text and background pairs against WCAG contrast ratios.
Assembling03
AI Palette
Build a short palette from a seed color for mocks and moodboards.
Assembling04
AI Hex RGB
Convert between hex, RGB, and HSL without leaving the page.
Assembling05
AI Type Scale
Generate a modular type scale from a base size and ratio.
Assembling06
AI Gradient Lab
Mix two stops into a CSS gradient you can paste into a stylesheet.
AssemblingOther live studios