Online Tool Store Online Tool Store

92 Articles

Design & Color

Articles filed under Design & Color.

All Productivity (229) Developer Tools (198) Text & Writing (162) Finance Calculators (160) Math & Science (159) Security & Privacy (141) Health & Fitness (135) SEO & Web (127) Video & Audio (104) Data & CSV (103) Education (100) Image Tools (98) Generators (92) Design & Color (92) Unit Converters (92) Social Media (90) Games & Fun (86) PDF Tools (61) Date & Time (52) Developer (50) Image (44) Audio (22) Fun & Misc (20) Network (19) Data Converters (12) SEO & Web Tools (10) Fun & Games (9) Audio & Video (6) Network Tools (5) Video (5) Engineering (4) Food & Cooking (4) Games & Entertainment (4) Sports (3) Outdoor (3) PDF (3) File Converters (3) Music & Audio (3) Accessibility (2) Physics (2) Algorithm Utilities (2) Career (2) 3D Printing (2) Real Estate (2) Marketing (2) Woodworking (2) Legal (2) Insurance (2) Astronomy (2) Browser Utilities (2) Bezpieczeństwo i prywatność (2) Securitate și confidențialitate (2) Aviation (2) Environmental (2) E-commerce (2) Data & Conversion (2) Music (2) Genealogy (1) Agriculture (1) Konwertery danych (1) Tekst i pisanie (1) Kalkulatory finansowe (1) Data i czas (1) Convertoare de date (1) Text și scriere (1) Calculatoare financiare (1) Dată și oră (1) Boating (1) Fun & Miscellaneous (1) Parenting (1)

Showing 85–92 of 92 articles

How to Check WCAG Color Contrast for Free

🎨 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.

 How to Turn a Light CSS Palette Into Dark Mode

🌙 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.

 How to Create Seamless SVG Background Patterns

🔷 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.

 How to Find the Name of Any Hex Color

🎨 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.

 How to Generate a Custom CSS Dot Grid Background

🔳 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.

 How to Generate Neumorphic Soft-UI CSS

🎛️ 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.

 How to Mock Up Album Art Before You Release It

🎵 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.

 How to Check Text Readability on an Image (With Examples)

🔤 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.