Open Color
yeun.github.ioUse named colour levels across interface code and design swatches.
Use named colour levels across interface code and design swatches.
Browse named web colours, related swatches and downloadable colour icons.
Generate a palette, pull colours from an image and export reusable swatches.
Arrange swatches and interpolate between colours in a browser workspace.
Configure a standalone colour picker with swatches and opacity controls.
Shape an OKLCH palette and export it as swatches, gradients or shader code
Try a palette on logos, interfaces, posters and patterns.
Collect desktop colours, edit their palette and export selected swatches
Edit colour stops and transparency while viewing the resulting CSS
Explore historical colour names through swatches and natural examples.
Shape a complete interface palette while checking colour-pair contrast.
Choose map colours by data type and export reusable schemes.
Build palettes around a fixed colour and carry them into gradients
Extract image colours and document their roles in a shareable brand guide.
Use a curated dataset of colour names and hex values.
Generate intermediate colours between chosen endpoints.
Generate five-colour palettes while keeping selected colours fixed.
Explore photograph-based palettes with copyable hex colours and related combinations.
Add a configurable colour picker to ordinary web input fields.
Let users choose from a visible set of colours with one click.
Extract image palettes with sampling, crop and colour-space controls.
Official cartographic pictograms, map elements and related web symbols.
See curated palettes applied to page elements and copy their hex codes.
Build colour harmonies and carry their swatches into Adobe projects.