Spectrum
bgrins.github.ioAdd a jQuery colour control with palettes, transparency and saved choices.
Add a jQuery colour control with palettes, transparency and saved choices.
Change a colour matrix and see how it transforms an image.
Explore named colours and turn selected values into gradient steps.
See how traditional Sass colour adjustments transform a starting swatch.
Search palette ideas by theme or hex value and export the colours
Edit colour stops and transparency while viewing the resulting CSS
Cycle through palettes with adjustable hue, lightness and interpolation.
AI icon generator that turns short text prompts into app icons in under a minute.
Measure displays, generate colour-correction tables and verify the result.
View text contrast through different vision and lighting simulations.
Compare a text and background pair with editable colour values.
Attach a dependency-free colour popup to a page element.
Inspect a full-screen colour-vision simulation across applications.
Create colourful background images from several visual generators.
Take a named gradient preset into an editable CSS and PNG generator
Free community photography with colour, orientation and size choices
Generate colours around backgrounds, foregrounds and accents in a design.
Arrange swatches and interpolate between colours in a browser workspace.
Generate a short sequence of gradient stops from supplied colours.
Parse a CSS colour and chain adjustments in JavaScript.
Keep live camera looks, reference images and grading handoffs together.
Extract image colours and document their roles in a shareable brand guide.
Develop a production look, refine individual shots and prepare final delivery.
Handpicked photography filtered by colour and licence type