# Design & Visual Utilities

> Color pickers, palette generators, CSS visualizers, and graphics utilities for front-end development.

- **Source:** DevDreaming (https://devdreaming.com)
- **Canonical URL:** https://devdreaming.com/tools/category/design

---

Color pickers, palette generators, CSS visualizers, and graphics utilities for front-end development.

All tools run client-side in your browser - no signup, no upload.

## Tools in this category

- [Color Picker Converter](https://devdreaming.com/tools/color-picker-converter) - Pick colors and convert between formats (HEX, RGB, HSL). Generate color palettes for your projects.
- [Gradient Generator](https://devdreaming.com/tools/mesh-gradient-generator) - Create beautiful, smooth mesh or linear CSS gradients with a visual editor.
- [Color Contrast Checker](https://devdreaming.com/tools/color-contrast-checker) - Test color combinations against WCAG accessibility standards (AA/AAA).
- [Box Shadow Generator](https://devdreaming.com/tools/box-shadow-generator) - Visually create complex CSS and Tailwind Box Shadows with multiple layers and custom properties.
- [Neumorphism Generator](https://devdreaming.com/tools/neumorphism-generator) - Build the soft UI 'Neumorphic' effect with custom inner and outer shadow controls.
- [Glassmorphism Generator](https://devdreaming.com/tools/glassmorphism-generator) - Generate CSS for the frosted-glass effect using backdrop-filter and transparency.
- [SVG Pattern Maker](https://devdreaming.com/tools/svg-pattern-maker) - Generate customizable, lightweight SVG background patterns (dots, grids, waves) for landing pages.
- [SVG Optimizer](https://devdreaming.com/tools/svg-optimizer) - Clean up and reduce the file size of SVG assets for improved website performance.
- [Favicon Generator](https://devdreaming.com/tools/favicon-generator) - Convert a high-resolution PNG or JPG into all necessary ICO and various size PNG favicon files.
- [Placeholder Image Generator](https://devdreaming.com/tools/placeholder-image-generator) - Generate placeholder images in SVG, PNG, or JPEG for mockups and prototypes.
- [Emoji Picker](https://devdreaming.com/tools/emoji-picker) - Browse and copy emojis with Unicode references and search functionality.

---

## Related on DevDreaming

- [All Free Developer Tools](https://devdreaming.com/tools)
- [Blog & Tutorials](https://devdreaming.com/blogs)

---

_This is the Markdown twin of a page on **DevDreaming** - free developer tutorials, tools, and AI resources. Source of truth: the canonical HTML URL above._