# Color Pickers
A variety of building blocks are available to offer interfaces selecting colors
in both RGB and HSL color spaces.
- [`RgbPicker`][rgb]: Shows 3 `ComponentPicker`s for red, green, and blue.
- [`RgbaPicker`][rgba]: Shows 4 `ComponentPicker`s for red, green, blue, and alpha.
- [`HslPicker`][hsl]: Shows 3 `ComponentPicker`s for hue, saturation, and lightness.
- [`HslaPicker`][hsla]: Shows 4 `ComponentPicker`s for hue, saturation, lightness, and alpha.
- [`ComponentPicker<T>`][component]: Shows a gradient in a bar and allows
selecting a single [`ColorComponent`][colorcomponent].
[rgb]: <{{ docs }}/widgets/color/struct.RgbPicker.html>
[rgba]: <{{ docs }}/widgets/color/struct.RgbaPicker.html>
[hsl]: <{{ docs }}/widgets/color/struct.HslPicker.html>
[hsla]: <{{ docs }}/widgets/color/struct.HslaPicker.html>
[component]: <{{ docs }}/widgets/color/struct.ComponentPicker.html>
[colorcomponent]: <{{ docs }}/widgets/color/trait.ColorComponent.html>