|
1 | 1 | ### Jetpack Compose Color Picker |
2 | 2 |
|
3 | 3 | Bundle of Stylish customizable Color pickers, selectors, colorful sliders written with Jetpack |
4 | | -Compose enables users to choose from HSL, HSV or RGB color modes to pick Solid colors or gradients. |
| 4 | +Compose enables users to choose from HSL, HSV or RGB color models to pick Solid colors or gradients. |
5 | 5 |
|
6 | | -| Hue-Ring Diamond HSL1 | Hue- Ring Diamond HSL2 | Hue Ring-Rect HSV| Hue-Circle HSV| |
| 6 | +Inspired by mchome's (flutter_colorpicker)[https://github.com/mchome/flutter_colorpicker] for Flutter |
| 7 | + |
| 8 | +### Color Pickers |
| 9 | +There are various selection of default color pickers and with selectors sliders, and hex displays |
| 10 | +it's possible to create new ones either. |
| 11 | + |
| 12 | +| Hue Ring-Diamond HSL1 | Hue- Ring-Diamond HSL2 | Hue Ring-Rect HSV| Hue-Circle HSV| |
7 | 13 | | ----------|-----------| -----------| -----------| |
8 | 14 | | <img src="./screenshots/colorpicker/cp_ring_diamond_hsl_1.png"/> | <img src="./screenshots/colorpicker/cp_ring_diamond_hsl2.png"/> | <img src="./screenshots/colorpicker/cp_ring_rect_hsv.png"/> | <img src="./screenshots/colorpicker/cp_circle_hue_saturation_hsv.png"/> | |
9 | 15 |
|
10 | | -| Rect Saturation-Value HSV | Rect Saturation-Lightness HSL | Rect Hue-Saturation HSV | Rect Hue-Value HSV | |
| 16 | +| Saturation-Value HSV | Saturation-Lightness HSL | Hue-Saturation HSV | Hue-Value HSV | |
11 | 17 | | ----------|-----------| -----------| -----------| |
12 | 18 | | <img src="./screenshots/colorpicker/cp_rect_saturation_value_hsv.png"/> | <img src="./screenshots/colorpicker/cp_rect_saturation_lightness_hsl.png"/> | <img src="./screenshots/colorpicker/cp_rect_hue_saturation_hsv.png"/> | <img src="./screenshots/colorpicker/cp_rect_hue_value_hsv.png"/> | |
13 | 19 |
|
14 | | -| Rect Hue-Saturation HSL | Rect Hue-Lightness HSL | |
| 20 | +| Hue-Saturation HSL | Hue-Lightness HSL | |
15 | 21 | | ----------|-----------| |
16 | 22 | | <img src="./screenshots/colorpicker/cp_rect_hue_saturation_hsl.png"/> | <img src="./screenshots/colorpicker/cp_rect_hue_lightness_hsl.png"/> | |
17 | 23 |
|
18 | | -<img src="/./screenshots/intro.gif" align="right" width="32%"/> |
| 24 | +<img src="/./screenshots/intro.gif" align="center" width="50%"/> |
19 | 25 |
|
20 | | -<br> |
21 | | -<br> |
22 | | -<br> |
23 | | -<br> |
24 | | -<br> |
25 | 26 |
|
26 | 27 | ### Demos |
27 | 28 |
|
|
0 commit comments