01 · Definition
What is synthetic colour data generator?
A synthetic colour data generator creates test data for RGB, HSL, HWB, CMYK, LAB, LCH, CSS colour-space and human-readable colour fields. It helps developers, designers and QA teams test design systems, forms, visualisation tools and sample datasets without copying production brand tokens into fixtures.
The tool above sends your count, locale, seed and method options to the Spotzee Extended API, then renders returned colors[] records. Use profile for expanded colour records, or choose a grouped method when you only need one colour value type. Read the in-depth colour data generator guide for endpoint options, response fields and fixture design notes.
02 · Process
How it works
- 1Enter a count.Type the number of colour records to generate, from
1to100. - 2Choose a method.Pick
profilefor expanded colour records or one field method such asrgb,hsl,cmyk,lab,lch,humanorspace. - 3Set format options.Use format, alpha, casing, prefix and CSS colour-space controls when the selected upstream method accepts them.
- 4Add a seed.Set a numeric
seedwhen a random color generator output must repeat after a failing test. - 5Generate records.The server validates the count and colour options, forwards a form-encoded request to
/generic/data/generate/colorand renders the returned records.
03 · Risk
Why it matters
Colour fields are small, but they touch many brittle paths: preview swatches, CSS parsers, import files, contrast checks, chart legends, token tables and theme builders. A colour fixture set with only one hex value rarely exercises those surfaces properly.
A colour data generator gives you repeatable sample values across channel, CSS and perceptual colour formats. You can test rendering, wrapping, validation and parser behaviour while keeping production palette choices and brand tokens out of lower-control environments.
04 · Use cases
Common ways to use this tool
- Design-system fixtures. Use it as a color test data generator for token tables, swatches, preview panels and theme import jobs.
- CSS parser tests. Generate CSS colour-space, RGB, HSL and HWB values for parser, validation and display states.
- Hex value coverage. Use RGB output as a hex color generator when input masks, casing and prefix rules need coverage.
- Perceptual colour data. Generate LAB and LCH values for visualisation, conversion and colour-science test paths.
- Repeatable QA data. Set a numeric seed to reproduce the same random color generator output after a failing test.
05 · Interpretation
What to check in the result
- Count outside
1to100. The API accepts up to 100 colour records per request. For larger datasets, call the endpoint multiple times. - Hex format on the wrong method. Use
hexonly withrgborprofile. Other colour methods should usecss,decimalorbinaryformat. - Alpha on unsupported fields. Alpha is only supported for
rgb,hslandprofile. Turn it off for CMYK, CSS-space, LAB, LCH and text outputs. - Invalid prefix. The prefix can contain only letters, numbers or
#, and it must be four characters or fewer. - Seed not repeating. The seed must be numeric. Keep the same count, locale, method and options when fixtures need stable output.
- Assuming brand suitability. Generated values are synthetic sample data. Do not treat them as accessible, approved or production-ready brand colours.