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.
Edit one colour across familiar web formats and wide-gamut OKLCH.
Capture screen colours with a portable picker and editable swatch files
Sample an image and copy colours in common design and code formats.
Apply an image’s dominant colour to its surrounding web element.
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
Collect screen colours and hand palettes to Mac design tools.