# 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._