PHP-Noise API

Beginner's Pick Art & Design / No Auth Required Beginner HTTPS CORS

Free to Use

87 A

Metadata Score Metadata estimate · not endpoint-tested

Visit Official Site Compare Alternatives

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

The kind of data this API exposes, based on its documentation. We could not call the endpoint to confirm the exact field names.

PHP-Noise data via REST API

Example Response

Illustrative shape only — we were not able to call this endpoint (it requires credentials or exposes no public sample URL), so the fields below show the kind of data this API returns rather than a recorded response.

JSON Response · Illustrative

{
  "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

Calls a real endpoint of this API. Replace any placeholder credentials with your own key.

Request

const url = "https://php-noise.com/noise.php?hex=3498db&width=200&height=200&quantity=50";
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

Generated guidance based on this API's documentation, not observed by us. Treat it as a starting point and check against the provider's own error reference.

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

Metadata Score Breakdown

Estimated from metadata — endpoint not independently tested

This score is estimated from observable metadata — HTTPS support, authentication model, declared CORS, and documentation reachability — because the API requires authentication or exposes no publicly testable endpoint. The five-signal breakdown is only shown for live-tested APIs.

Metadata estimate · endpoint not independently tested

How is this scored? →