MagicPattern
magicpattern.designPattern and background generators with custom SVG shapes and saved graphics
Pattern and background generators with custom SVG shapes and saved graphics
Resize catalogue shapes, position parts with TriBall and export selected geometry
Artist-made illustrations and templates for editable visual explanations
Build palettes around a fixed colour and carry them into gradients
Dimension a sketch, extrude a part and revise its features through the modelling history
Inspect a colour, compare approximate matches and build a gradient.
Coordinated marketing photos, videos and Canva templates
Parse a CSS colour and chain adjustments in JavaScript.
Create annotated screenshots and consistent visual process guides.
Pick screen colours, adjust their values and keep small Windows palettes.
Extract image colours and document their roles in a shareable brand guide.
Build palettes, gradients and light or dark interface themes.
Find a shared palette, generate one from words or scan an image.
Frame screenshots and recordings in device compositions.
Sample and translate colour values in a portable desktop application.
Style, manage and share code snippets as presentation visuals.
Shape colour transitions and copy a multi-stop CSS gradient.
Configure a standalone colour picker with swatches and opacity controls.
Shape a complete interface palette while checking colour-pair contrast.
Separate images for selected spot inks using dedicated colour profiles.
Generate a configurable set of separated category colours.
Try a palette on logos, interfaces, posters and patterns.
Find named colours, inspect hex values and explore related shades.
Edit one colour across familiar web formats and wide-gamut OKLCH.