User Interface (UI) / User Experience (UX) · Overlay system · Created by
Tillerz
closed
ui color-selection
What functionality is missing? What is unsatisfying with the current situation?
The current color selection system in World Anvil is inconsistent and user-unfriendly.
- Inconsistent formats: Colors are represented differently across the application (#rgb, #rgb + color picker + swatches).
- Unintuitive input for map pins: Requires six separate values for color that are not standard in most online color management tools.
Especially mass-adding colored pins to maps in a fast way is currently impossible (without scripts and the API).
Proposed Solution
Implement a unified color input system across all relevant areas of the application:
- Standard Input Field: Add a text input for the widely-used #rrggbb format (with optional #rrggbbaa for alpha channel support).
- Enhanced Color Picker: Introduce an overlay/modal window accessible via a button, featuring
- Color swatch selection
- Multiple other color selection methods (e.g. color wheel/picker, HSL sliders)
If there is enough space everywhere, it would be even better to have #rgb and swatches directly accessible to minimize clicks, and hide all other input methods in the overlay.
How does this feature request address the current situation?
This standardized approach offers several benefits:
- Consistency: Provides a uniform color selection experience throughout the application.
- Efficiency: Speeds up color selection, especially when creating multiple items or reusing colors.
- Flexibility: Allows users to leverage external color tools and easily input the results.
- User-Friendly: Implements familiar color selection methods used in popular design tools.
The Team's Response
Thanks for the suggestion! We'll be standardizing color pickers everywhere, although the map pin coloring prototype can't be a real true color picker (and it can't be, because it just changes the alpha image of a pin).
Current score
47/300 Votes · +12701 points