Online Tool Store
98 Articles
Design & Color
Articles filed under Design & Color.
Showing 1–21 of 98 articles
🖥️ Design & Color
How to Add a Browser Frame to a Website Screenshot
Add a browser frame to a website screenshot with your own address bar text, a gradient background and a soft shadow, then export a sharp PNG. No upload needed.
📐 Design & Color
How to Check Your CSS Spacing Against an 8px Grid
Check CSS spacing against a 4px or 8px grid: find every off-grid margin, padding and gap, get the nearest on-grid value, and copy corrected CSS in your browser.
🌅 Design & Color
How to Extract a CSS Gradient From an Image
Extract a gradient from an image as CSS: draw a line across a photo or design to get a linear-gradient with color stops at their real positions. No upload.
🎨 Design & Color
How to Get Every Hex Color From a UI Screenshot
Get every hex color from a UI screenshot with the share of the screen each one covers, see where it's used, and export an HTML color map or CSS variables.
📱 Design & Color
How to Show a Website on Laptop, Tablet and Phone
Make a multi-device mockup that shows your website on a laptop, tablet and phone in one image, using your own screenshots. Exports a PNG with nothing uploaded.
🧰 Design & Color
Top 3 Font Converter Alternatives Worth Using
Compare Fontsource, Transfonter and Made Good Designs font converters with a private browser tool, and see which one fits your TTF, OTF and WOFF2 job.
🧰 Design & Color
3 Color Palette Generator Tools, Compared Honestly
Compare three free color palette generators on harmony rules, ads, and extras to find one for a design project fast.
🧰 Design & Color
3 Color Wheel Tools, Compared Honestly
Compare three free interactive color wheels on harmony types and extras to build a color scheme fast.
🎞️ Design & Color
3 LUT Generators, Compared Honestly
Compare three free LUT generators on slider control, image-based extraction and .cube export, then build a colour grade you can reuse across a whole shoot.
🧰 Design & Color
3 Mug Mockup Generator Tools, Compared Honestly
Compare three free mug mockup tools on watermarks, 3D angle previews, and download resolution for previewing a logo on a mug.
🧰 Design & Color
3 Pantone-Style Card Maker Tools, Compared Honestly
Compare three free color card tools on official Pantone reference accuracy, image-based extraction, and download formats.
🧰 Design & Color
3 Paper Texture Maker Tools, Compared Honestly
Compare three free paper texture generators on procedural versus AI generation, resolution, and customization depth.
🧰 Design & Color
3 Skin Tone Palette Reference Tools, Compared Honestly
Compare three free skin tone color resources on curated swatches versus generators, Fitzpatrick scale basis, and copy functionality.
🧰 Design & Color
3 Spacing Scale Tools, Compared Honestly
Compare three free spacing scale generators against our rhythm checker, and see the difference between creating a spacing system and auditing the one you have.
✳️ Design & Color
3 SVG Sprite Generators, Compared Honestly
Compare three free SVG sprite generators on symbol IDs, privacy and output formats, then combine a folder of icons into one sprite you can reference by ID.
🧰 Design & Color
Best 3 Brand Color Extractor Tools Compared
Compare three free logo color extractors on privacy processing, color count control, and export formats.
🧰 Design & Color
Best 3 Cursor Preview Tool Tools Compared
Compare three free CSS cursor generators on built-in style count, custom image upload, and hotspot positioning.
🧰 Design & Color
Best 3 Letter Spacing Previewer Tools Compared
Compare three free CSS letter-spacing tools on preset ranges, font customization, and Tailwind utility comparison.
🧰 Design & Color
Top 3 Aspect Ratio Calculator Alternatives Worth Using
Compare three free aspect ratio calculators on privacy, presets, and resize options to solve a missing dimension fast.
🧰 Design & Color
Top 3 CSS Box Shadow Generator Alternatives
Compare three free CSS box shadow generators against our layered tool, and build a realistic shadow from a tight contact layer and a soft ambient one.
🧰 Design & Color
Top 3 Gradient Palette Maker Alternatives Worth Using
Compare three free CSS gradient generators on multi-color support, palette output, and export formats beyond CSS.