Design & Color Tools Guides & Tutorials
Step-by-step instructions and best practices for using our free on-device design & color tools.
How to Use Smart Palette Online Free
One studio for color pickers, converters, and CSS generators — gradients, shadows, glass, soft UI, and Tailwind-like scales.
How to Use a Color Picker Online Free
Pick a color visually and copy ready HEX, RGB, and HSL for CSS, design tokens, and brand guides.
How to Generate CSS Gradients Online Free
Build linear or radial gradients with angle and color stops, preview live, and copy CSS for your site.
How to Create Glassmorphism CSS Online Free
Tune backdrop blur, tint opacity, border strength, and radius — then copy production-ready glass panel CSS.
How to Generate a Tailwind Color Scale Online Free
Start from any brand HEX and get a full shade ramp inspired by Tailwind — click a shade to copy.
How to Make a Flowchart Online for Free
Create a process flowchart, mind map, or UML sketch in your browser. Wikawe Canvas saves locally, needs no account, and exports PNG, SVG, or PDF.