sionical

https://www.sionical.com/api.php

fx_texture_1, texture_1, triangles_1, triangles_2, triangles_2_grunge, gray_triangles_grunge, polkadots_mild, gradiant_1, diagonal_gradient_best_slow, diagonal_gradient_great, diagonal_gradient_good, diagonal_gradient_nice, gradiant_2, gradiant_2_top_centered, gradiant_2_centered, gradiant_2_centered_subtle, gradiant_grunge_1, gradiant_grunge_2, gradiant_grunge_3, flyer_1, flyer_2, flyer_3, grunge_wall_2, flyer_1_subtle, flyer_2_subtle, flyer_3_subtle, fx_overlaywithbasecolor, gradiant_grunge_4, grunge_wall_1, curves_1, curves_1_blur, curves_2, sunburst_1, 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, christian_text_15, christian_text_16, christian_text_diamond, repeated_text, repeated_text_grayscale, paint_1, getColorVariantsSpecific5, getColorVariantsAndShades, polkadots_shifty_1, polkadots_shifty_2, horizontal_bars, horizontal_bars_textured, horizontal_stripes_1, horizontal_stripes_2, horizontal_stripes_3, horizontal_stripes_4, vertical_bars_textured, 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

GET https://www.sionical.com/api.php?color=33eecc&style=polkadots&width=800&height=600&format=png

GET https://www.sionical.com/api.php?color=ff6b6b&style=sunburst&width=3840&height=2160&format=jpg

GET https://www.sionical.com/api.php?color=4ecdc4&style=hexagons&width=1000&height=1000&format=png&download=1

<img src="https://www.sionical.com/api.php?color=33eecc&style=polkadots&width=400&height=300" alt="Generated Image">

.element {
  background-image: url('https://www.sionical.com/api.php?color=ff6b6b&style=horizontal_bars&width=100&height=100');
}

fetch('https://www.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
  });