Microsoft Edge Chromium Receives Modern Color Picker

Edge Canary Icon 256

A new feature made its appearance in the Canary version of Chromium-based Microsoft Edge. A new color picker dialog can be enabled in Edge on Windows 10.

As you may know, the classic Edge app was a UWP app powered by the same technology as used for Store apps. Microsoft's intention is to bring these modern technologies to the "desktop" version of the app. One step in this direction is already done - the Chromium-based Edge can now use the UWP color picker dialog.

The new color dialog follows Microsoft's Fluent design, and other modern elements, which must be already familiar to Store app users.

The classic color picker dialog is one of the oldest dialogs in Windows. It is used in most of the apps, including both built-in and third-party apps when it comes to color selection. It allows specifying the color with RGB and HSL values, along with a trackbar.

The modern color dialog is more flexible, it allows selecting RGB, HSL, and HEX (HTML code) values.

Microsoft has added this new dialog to the Chromium code base, so it will be available in other Chromium based browsers, including Google Chrome.

To Enable Modern Color Picker Dialog in Microsoft Edge,

  1. Update the Edge Canary to build
  2. Type edge://flags/#edge-controls into the address bar of Edge.
  3. Enable the flag Web Platform Fluent Controls by selecting Enabled (including experimental controls) from the drop down list next to the flag's name.
  4. Restart the Edge browser when prompted.

You are done!

At the moment of this writing, the latest Microsoft Edge Chromium versions are as follows.

As you may already know, Microsoft Edge, the default web browser of Windows 10, is moving to a Chromium-compatible web engine in the Desktop version. Microsoft explains that the intention behind this move is to create better web compatibility for customers and less fragmentation for web developers. Microsoft has already made a number of contributions to the Chromium project, helping to port the project to Windows on ARM. The company promises to contribute more to the Chromium project.

The browser installs updates automatically. Also, you can manually check for updates by visiting the menu Help > About Microsoft Edge. Finally, you can grab the Edge installer from the following page:

Download Microsoft Edge Preview

I have covered many Edge tricks and features in the following post:

Hands-on with the new Chromium-based Microsoft Edge

Also, see the following updates.

Thanks to WindowsLatest

Support us

Winaero greatly relies on your support. You can help the site keep bringing you interesting and useful content and software by using these options:

If you like this article, please share it using the buttons below. It won't take a lot from you, but it will help us grow. Thanks for your support!

Author: Sergey Tkachenko

Sergey Tkachenko is a software developer who started Winaero back in 2011. On this blog, Sergey is writing about everything connected to Microsoft, Windows and popular software. Follow him on Telegram, Twitter, and YouTube.

Leave a Reply

Your email address will not be published.

Exit mobile version
Using Telegram? Subscribe to the blog channel!
Hello. Add your message here.