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.
Choose a React colour picker or compose one from building blocks.
Configure a standalone colour picker with swatches and opacity controls.
Build a JavaScript colour picker from modular interface controls.
Build a resizable colour picker with optional fields and alpha controls.
Compare how six picker models organize colour choices.
Capture screen colours with a portable picker and editable swatch files
Edit one colour across familiar web formats and wide-gamut OKLCH.
Apply an image’s dominant colour to its surrounding web element.
Sample an image and copy colours in common design and code formats.
Connect a React or Preact colour control to application state.
Attach a dependency-free colour popup to a page element.
Inspect colour codes, build harmonies and extract palettes from images.
Add a configurable colour and opacity picker through a web input attribute.
Add a configurable colour picker to ordinary web input fields.
Pick screen colours, adjust their values and keep small Windows palettes.
Use the Mac colour panel with shortcuts, recent colours and palette export
Insert emoji through colon-style shortcuts
Custom Godot node icons matched to editor themes and node colors.
Correct photo color through task-based workspaces
Find named colours, inspect hex values and explore related shades.
Inspect colour values and CSS examples, then browse community palettes.
Collect desktop colours, edit their palette and export selected swatches
Let users choose from a visible set of colours with one click.