Display Color Palette

This service generates images from color values provided in the URL path.

Add HEX color codes (without #) separated by hyphens - to the URL path to create a color palette image. The colors are displayed in the order they are provided.

For instance, this URL: https://color-palette.pother.ca/ff99c8-fcf6bd-d0f4de-a9def9-e4c1f9 will provide the following image:

Color Palette SVG

To change the image size, a ?height= query parameter can be added to the URL.

For example, this URL: https://color-palette.pother.ca/ff99c8-fcf6bd-d0f4de-a9def9-e4c1f9?height=50 will provide the following image: Color Palette SVG

By default, the image width is calculated based on the number of colors provided and the height setting, making each color block square.

To have a different width and height for each color block, the ?width= query parameter can be added to the URL.

For example, this URL: https://color-palette.pother.ca/ff99c8-fcf6bd-d0f4de-a9def9-e4c1f9?height=50&width=100 will provide the following image: Color Palette SVG