Color picker
Last updated
Last updated
The color picker is being used in many places throughout the app. However, the main color picker (the one that will expand if we tap on the color box at the top right corner) has the most functionality, so this page will mainly talk about that color picker. In other places, a few options might be missing, but it still works in the same manner as the main one.
The color picker has 4 picker types (HSV, HSL, Wheel, and RGB) and 2 states (full-size and compact).
For each type, the panel and the sliders will be utilized to select different values to composite a color.
The main color picker works in sync with the palette panel.
Select the picker type here.
For the main color picker, this will display the history of selected colors. For other places, it will display the colors from the palette. Some won't have this at all.
This field will display the hex code of the current color. We can tap on this to input our hex code, once entered, the color will be updated to match the entered code.
Just an indicator on the panel to help us visualize where the current color is.
Only the main color picker has this. Drag this to convert the picker to the compact form and move it around the canvas.
The values for the current color. Depending on the active picker type, these will display different value sets.
Use these sliders to adjust each channel individually.
It displays the current selected color.
It displays the previously selected color.
Same as the full-size one, just that many elements are hidden to make the picker smaller.
For the main picker, when it is in this form, it becomes sticky, meaning it will remain on the screen at all times and won't auto-dismiss.
Tap on the ... button to show some customization for the compact form
Whether to show a panel or sliders.
Whether to include the slider for alpha channel.
