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');
}

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
  });

Response Headers

  • Content-Type: image/png or image/jpeg
  • Content-Disposition: inline or attachment for downloads
  • Access-Control-Allow-Origin: * (CORS enabled)