PHP-Noise API

⭐ Beginner's Pick Art & Design / No Auth Required Beginner HTTPS CORS
Free to Use Varies (check documentation)

Overview

PHP-Noise generates procedural noise background images (like Perlin noise textures) on demand via a simple URL with query parameters for color, opacity, and tile settings. The resulting PNG can be used directly as a CSS background image. No API key or account is needed — just build the URL and use it.

💡

Beginner Tip

Build a URL like https://php-noise.com/noise.php?hex=3498db&width=200&height=200&quantity=100 and use it directly in an HTML img src or CSS background-image property. Adjust hex (no #), width, height, and quantity parameters.

Available Data

PHP-Noise data via REST API
JSON-formatted response data
Freely accessible without authentication

Example Response

JSON Response
{
  "status": "success",
  "data": {
    "result": "Data from PHP-Noise",
    "description": "Noise Background Image Generator",
    "timestamp": "2025-01-15T10:00:00Z"
  }
}

Field Reference

Binary PNG Raw PNG image data returned directly; use the URL in an img src attribute rather than parsing the response

Implementation Example

const url = "https://php-noise.com/";
const response = await fetch(url);
if (!response.ok) throw new Error(`Request failed: ${response.status}`);
const data = await response.json();
console.log(data);

What Can You Build?

Note: These code examples are AI-generated and unverified. Always refer to the official API documentation for accurate usage.

Common Errors & Troubleshooting

Incorrect color display Including the # symbol in the hex color parameter
Pass the hex color without # — use hex=3498db not hex=%233498db or hex=#3498db
Slow image load Requesting a very large image size with high quantity value
Keep width and height under 500px for tile textures; tile them with CSS background-repeat instead of making large images
CORS blocked on fetch Fetching the image as binary data via fetch() from a different origin
Use the URL directly in an img src tag or CSS background-image; CORS only affects JavaScript fetch of cross-origin resources

Matrix Score Breakdown

🌐 Reachability 30/30
⚡ Speed 15/20
🔒 Security 15/15
🛠 Developer XP 20/20
✓ Reliability 7/15
Response Time 283ms

Fully tested on Apr 5, 2026

Technical Specifications

Auth No Auth
HTTPS REQUIRED
CORS YES
Category Art & Design
Difficulty Beginner
Verified: 2026-04-04

Similar APIs

View All →