Quick and Simple Placeholdit

You can easily change the background and text color of your placeholder image by adjusting the URL — no coding required!

Background Color

To change the background color of your placeholder image, just add the color name or hex code (without #) in the URL.

Using color names:

• placeholdit.com/white
• placeholdit.com/blue
• placeholdit.com/green

Using hex codes (without #):

• placeholdit.com/FFFFFF → White background
• placeholdit.com/000000 → Black background
• placeholdit.com/FFFF00 → Custom yellow shade

Note: Always write hex codes without the # symbol.

Text Color

To change the text color, simply add it after the background color in the URL.

Format

placeholdit.com/widthxheight/background/text

Using color names:

• placeholdit.com/400/white/black → White background with black text
• placeholdit.com/400/red/white → Red background with white text

Using hex codes:

• placeholdit.com/400/FFFFFF/000000 → White background, black text
• placeholdit.com/400/000000/FFCC00 → Black background, yellow text

Note: Use hex codes without # here as well.

You can show any text on your placeholder image by using the ?text= option in the URL.

How to Use:

Add your text like this:

• placeholdit.com/600x400?text=Hello+World
• This will create a 600x400 image with “Hello World” in the center.

Note: Use + instead of spaces (e.g. Hello+World)

You can use a different font style in your placeholder text.

Just add ?font= in the URL.

Example:

placeholdit.com/600x400?text=Hello+World&font=noto-serif

This will display “Hello World” in the Noto Serif font.

Available Fonts:

• noto-serif
• roboto
• open-sans
• ....

Note: Font names should be in lowercase and use hyphens (-) instead of spaces.

You can set the font size of your placeholder text using ?font_size= in the URL.

Example:

placeholdit.com/600x400?text=Hello+World&font_size=100

This will show “Hello World” with a font size of 100px.