Online Tool Store
98 Articles
Design & Color
Articles filed under Design & Color.
Showing 85–98 of 98 articles
🎨 Design & Color
How to use Isometric Grid Generator for a real task
Use a isometric grid generator to handle the details clearly, check your result before sharing it, and finish the task privately in your browser with Isometric.
🎨 Design & Color
How to use Logo Size Guide for a real task
Use a logo size guide to handle the details clearly, check your result before sharing it, and finish the task privately in your browser with Logo Size.
🎨 Design & Color
How to use Material Color Reference for a real task
Use a material color reference to handle the details clearly, check your result before sharing it, and finish the task privately in your browser with Material.
🎨 Design & Color
How to use Poster Mockup Tool for a real task
Use a poster mockup tool to handle the details clearly, check your result before sharing it, and finish the task privately in your browser with Poster Mockup.
🎨 Design & Color
How to use Redacted Screenshot Maker for a real task
Use a redacted screenshot maker to handle the details clearly, check your result before sharing it, and finish the task privately in your browser with Redacted.
🎨 Design & Color
How to use Screenshot Beautifier for a real task
Use a screenshot beautifier to handle the details clearly, check your result before sharing it, and finish the task privately in your browser with Screenshot.
🎨 Design & Color
How to Check WCAG Color Contrast for Free
Check the contrast ratio between text and background colors for WCAG AA/AAA compliance, with live pass/fail results, before shipping a design that fails an audit.
🌙 Design & Color
How to Turn a Light CSS Palette Into Dark Mode
Convert a light-theme CSS color palette into a working dark mode by inverting lightness while keeping hue and saturation, without redesigning every color by hand.
🔷 Design & Color
How to Create Seamless SVG Background Patterns
Generate seamless dots, stripes, grid, zigzag, or triangle patterns as SVG with a live preview and CSS-ready output, right in your browser, no design app needed.
🎨 Design & Color
How to Find the Name of Any Hex Color
Find the closest of the 148 standard CSS color names for any hex color, with exact-match detection, right in your browser, without a slow manual color chart search.
🔳 Design & Color
How to Generate a Custom CSS Dot Grid Background
Generate an adjustable CSS dot grid background with custom spacing, size, and colors, then export it as CSS or a downloadable PNG tile for any project.
🎛️ Design & Color
How to Generate Neumorphic Soft-UI CSS
Generate neumorphic soft-UI box-shadow CSS with a live preview — flat or pressed, adjustable distance, blur, and intensity — right in your browser.
🎵 Design & Color
How to Mock Up Album Art Before You Release It
Preview your album artwork as a vinyl sleeve, CD jewel case, or streaming app tile before you upload it, so you catch cropping and legibility issues early.
🔤 Design & Color
How to Check Text Readability on an Image (With Examples)
Check whether text is readable on a photo. Compare practical examples, learn contrast basics, and preview your text with a free browser tool.