Toggle Theme
RSL Color Picker Playground
Raw examples for testing and experimentation. Download and modify for your projects.
Basic Palette Picker
Default Palette
No selection
With Default Value
#6E7BFF
Palette Options
Semantic (UI Colors)
No selection
Grayscale
No selection
Rainbow
No selection
Minimal
No selection
Custom Mode (HSL Sliders)
HSL Custom Color
No selection
With Recent Colors
No selection
Constrained Mode (Accessible Only)
WCAG AA (4.5:1)
No selection
WCAG AAA (7:1)
No selection
Contrast Checking
With Contrast Display
No selection
Against Dark Background
No selection
Close on Select
Default (Review Before Apply)
No selection
Close Immediately
No selection
Smart Suggestions
With Accessible Alternatives
No selection
Output Formats
HEX Format
No selection
RGB Format
No selection
HSL Format
No selection
JavaScript API
API Controlled
No selection
Open
Close
Set Red
Set Blue
Clear
Get Value
Contrast Utilities API
Test Contrast Ratio
Test
Enter colors and click Test
Suggest Accessible Alternative
Suggest
Enter a color and click Suggest