Image Generation API
Generate high-quality images programmatically using our REST API.
Base URL
https://sionical.com/api.php
Parameters
| Parameter | Required | Description | Example |
|---|---|---|---|
| color | Yes | Base color in hex format (with or without #) | 33eecc or #33eecc |
| style | Yes | Pattern/style name | polkadots |
| width | Yes | Image width (1-10000) | 1920 |
| height | Yes | Image height (1-10000) | 1080 |
| format | No | Output format (png/jpg) | png |
| download | No | Force download | 1 |
Available Styles
triangles_1, triangles_2, triangles_2_grunge, gray_triangles_grunge, polkadots_mild, gradiant_1, gradiant_2, curves_1, curves_1_blur, voronoi_patternX, polkadots_vivid, polkadots_gradiant, radial_gradient, voronoi_pattern, hex2rgb5, generateColorShadesAndVariants5, rectangular_tiles, tiles_square, tiles_square_subtle, tiles_subtle, polkadots_bloom, circles_1, circles_2, circles_3, circles_4, christmas_1, christmas_2, christian_text_1, christian_text_2, blobs_1, blobs_1_blur, christian_text_3, christian_text_4, christian_text_5, christian_text_6, christian_text_7, christian_text_8, christian_text_9, christian_text_10, christian_text_11, christian_text_12, christian_text_13, christian_text_14, paint_1, getColorVariantsSpecific5, getColorVariantsAndShades, polkadots_shifty_1, polkadots_shifty_2, horizontal_bars, vertical_bars_1, vertical_bars_2, vertical_bars_3, vertical_bars_gradient, diagonal_lines, sunburst, beehive_hexagonsx, beehive_hexagons_blackworkng, beehive_hexagons, beehive_hexagons_good_blackbg, circle_outline_polkadots, grunge_subtle_1, grunge_subtle_2, watercolor_1, distancePercent, grunge_bright_center, grunge_texture, noise_grain_texture, sinusoidal_lines
Example Requests
Basic PNG Image
GET https://sionical.com/api.php?color=33eecc&style=polkadots&width=800&height=600&format=png
High Resolution JPG
GET https://sionical.com/api.php?color=ff6b6b&style=sunburst&width=3840&height=2160&format=jpg
With Download
GET https://sionical.com/api.php?color=4ecdc4&style=hexagons&width=1000&height=1000&format=png&download=1
Usage Examples
HTML Image Tag
<img src="https://sionical.com/api.php?color=33eecc&style=polkadots&width=400&height=300" alt="Generated Image">
CSS Background
.element {
background-image: url('https://sionical.com/api.php?color=ff6b6b&style=horizontal_bars&width=100&height=100');
}
background-image: url('https://sionical.com/api.php?color=ff6b6b&style=horizontal_bars&width=100&height=100');
}
JavaScript Fetch
fetch('https://sionical.com/api.php?color=54a0ff&style=noise_texture&width=800&height=600')
.then(response => response.blob())
.then(blob => {
const url = URL.createObjectURL(blob);
// Use the image URL
});
.then(response => response.blob())
.then(blob => {
const url = URL.createObjectURL(blob);
// Use the image URL
});
Response Headers
- Content-Type: image/png or image/jpeg
- Content-Disposition: inline or attachment for downloads
- Access-Control-Allow-Origin: * (CORS enabled)