<p dir="auto">thank you very much</p>
<p dir="auto">With 0.20, we now have an excellent Color Picker in PowerToys (thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/martinchrzan/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/martinchrzan">@martinchrzan</a>). There's an opportunity here to create something that goes beyond just picking colors and really speeding up the workflow for (front-end) developers and designers. An editor window could really help to expand the current feature set.</p>
<p dir="auto">Here's a breakdown of features that might be interesting to add.</p>
<h1 dir="auto">Current color picker improvements <strong>(Should have)</strong></h1>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Support more zoom levels (100% / 500%?)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Theming support (light / dark / high contrast)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> (Visual) feedback that the color is copied to clipboard</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Support for color-picking :hover states of e.g. a button (this can be done by using the zoom functionality)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Add keyboard shortcuts to zoom (+ - - ) and using arrow keys to control the picker for pixel accuracy.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Making the zoom-in feature more accessible / easy to use / discoverable</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Change cursor to a color dropper when in color-picking mode.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Show color name (for accessibility)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Add a way to still support page/window scrolling when in picker mode (e.g. color picker zoom only activated on holding keyboard key (Ctrl?)?) (Can be done by scrolling first?)</li>
</ul>
<h1 dir="auto">Color editor</h1>
<p dir="auto">A color editor could be a view that will show up automatically after picking a color, or can be launched directly. It would provide the following features.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/9866362/89067547-c9482300-d36f-11ea-90ee-c826ad5c13a7.gif"><img src="https://user-images.githubusercontent.com/9866362/89067547-c9482300-d36f-11ea-90ee-c826ad5c13a7.gif" alt="85406397-0b589a80-b562-11ea-9d6a-6b43bbaf2241" data-animated-image="" style="max-width: 100%;"></a></p>
<h3 dir="auto">History of colors (Should have)</h3>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> The ability to see previously picked colors.</li>
</ul>
<h3 dir="auto">Color palette &amp; tweaking (Nice to have)</h3>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Automatically generate similar color tones based on the selected color (for e.g. having a nice hover color for a button)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Tweaking the selected color within the editor to do some fine-tuning</li>
</ul>
<h3 dir="auto">More/configurable color code formats (Should have)</h3>
<p dir="auto">It would be great to support more color formats. And for front-end developers, it would be even better to provide code snippets for popular languages (e.g. CSS) to make it even more useful. Clicking on a color code would automatically copy it to clipboard.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Support for more color formats <strong>(Must have)</strong></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Configurable color formats: let the user create custom color formats so they have the complete freedom to create something custom. It would be nice to re-sort the list or to set a format as the default copy-to-clipboard. The format editor would live in Settings. <strong>(Should have)</strong><br>
Proposal: plug-in based?</li>
</ul>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/9866362/89067429-87b77800-d36f-11ea-8736-db93f0ccd473.gif"><img src="https://user-images.githubusercontent.com/9866362/89067429-87b77800-d36f-11ea-8736-db93f0ccd473.gif" alt="86541578-4669af00-bf0e-11ea-89ea-2e73b0bbe732" data-animated-image="" style="max-width: 100%;"></a></p>
<p dir="auto">There's a WinUI 2.4 UWP mock-up available for anyone to check out here: <a href="https://github.com/niels9001/ColorPickerUX">https://github.com/niels9001/ColorPickerUX</a></p>
<p dir="auto">Looking forward to see other feature requests.</p>
<p dir="auto">If you'd like to see this feature implemented, add a <g-emoji class="g-emoji" alias="+1" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f44d.png">👍</g-emoji> reaction to this post.</p>