CSS Placeholder Generator

Generate placeholder images with custom dimensions, colors, and text.

Dimensions

Width (px)

Height (px)

Colors

Background Color

Text Color

Text

Use size label (e.g., "400x300")

Font Size

20px

Presets

Preview

400x300

CSS Code

.placeholder {
  width: 400px;
  height: 300px;
  background-color: #e0e0e0;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  font-family: sans-serif;
}

Image URL

https://via.placeholder.com/400x300/e0e0e0/333333?text=400x300

Loading tool...