Skip to content
oklch-picker
Playground
GitHub
Theme
Getting started
Introduction
Install
Usage
Guides
Layouts
Wider gamuts
Recent colours
Hiding parts
Styling
Server rendering
Lit, Alpine and HTMX
Accessibility
Examples
React
Vue
Svelte
Solid
Angular
Qwik
No framework
Reference
Colour utilities
API
Playground
Playground
Change anything and the code below follows. Copy it into your app.
Layout
chart
side-by-side
compact
stacked
Output gamut
sRGB
Display P3
Rec. 2020
Parts
Charts
Preview
OKLCH field
RGB field
Hex field
Alpha slider
Name
Notice
Recents
Gamut switch
Presets
Show five preset swatches
React
Vue
Svelte
Solid
Angular
Qwik
Astro
No framework
Copy
oklch-pickerPlaygroundGitHuboklch-pickerPlaygroundGitHub