Gloss UIv4.4
Architecture
Style Guide
Primitives
Input7
Output7
Actions4
Forms2
Pickers & Specialized
DatePickerDateRangePickerTimePickerColorPickerFileUploadMaskedInputRangeSliderRating
Dashboard10
Composites
Compositions
Planning
Applications

Prototypes

Gloss UIv4.4
Architecture
Style Guide
Primitives
Input7
Output7
Actions4
Forms2
Pickers & Specialized
DatePickerDateRangePickerTimePickerColorPickerFileUploadMaskedInputRangeSliderRating
Dashboard10
Composites
Compositions
Planning
Applications

Prototypes

ColorPicker

Swatch-based color input with optional custom value. Outputs HEX, RGB, or HSL. Supports alpha channel and brand-specific swatch palettes.

Output formats
HEX
RGB
HSL
#3b82f6
rgb(139, 92, 246)
hsl(330, 81%, 60%)
Sizes
Small
Medium
Large
XL
Custom brand swatches + alpha
Pick from brand palette or enter a custom value (alpha enabled)