Coloris
coloris.js.orgAdd a configurable colour picker to ordinary web input fields.
Add a configurable colour picker to ordinary web input fields.
Build a resizable colour picker with optional fields and alpha controls.
Choose a React colour picker or compose one from building blocks.
Preview colour-vision differences through a screen filter or phone camera.
Film and TV creation platform for scripts, characters, and storyboards
Create trees and vegetation with procedural and manual modelling
Generate interface themes from target contrast ratios and colour scales.
Extract image palettes with sampling, crop and colour-space controls.
Use named colour levels across interface code and design swatches.
Compare colour pairs interactively or check a complete palette in code.
Build colour scales and preview their roles in interface layouts.
Historic photographs with free downloads and archival context
Free art and archive images from Getty’s collections
Texas photographs, maps and other primary sources with archive context
See how an asset allocation behaved across different starting years
Find U.S. Treasury auction announcements and historical results
Compare company fundamentals visually with historical stock valuations
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.