Color Palette Generator formula or transformation
For Color Palette Generator, the palette uses fixed ±28% shade mixing and HSL hue rotations of ±30, 120, −120, and 180 degrees.
Color Palette Generator applies its documented browser-side transformation to the displayed fields.
For Color Palette Generator, the palette uses fixed ±28% shade mixing and HSL hue rotations of ±30, 120, −120, and 180 degrees.
Worked values: Base color = #2563eb Color Palette Generator expected result: The result is a output produced only from the supplied sample fields by the transformation described above.
For Color Palette Generator, a generated or converted color is not automatically accessible. For Color Palette Generator, test foreground/background contrast, focus states, non-text controls, color-blind distinguishability, and whether meaning is conveyed without color alone.
For Color Palette Generator, results use browser JavaScript number, string, and color parsing. For Color Palette Generator, validate generated CSS in the target browser and do not treat a palette or format conversion as a design-system or accessibility approval. To verify Color Palette Generator, reproduce its worked example and compare the displayed or downloaded output with the stated expected result. When Color Palette Generator returns a file, open the download and inspect every affected page or image.
Color Palette Generator runs the palette generator operation in the current browser session. Color Palette Generator reads and processes the supplied values in the current browser and does not submit them to an application endpoint. Browser extensions, device security and any manual sharing or download from Color Palette Generator remain outside the tool’s control.
Continue the workflow
Color Palette Generator is part of the Color & CSS Tools section. Use the nearby pages below when the same job needs checking, cleanup, conversion, formatting, or a different output before you finish.