#Color picker extension chrome code#

Gives you the ability to share the font with others via Twitterĥ️⃣ BrowserStack Local by.Displays the entire font family, weight, style, size and more.One-click will show you just the font name, a second click reveals all the information necessary.2-clicks and you get everything about that font. One of the best answer way to your 'What font they used here?' question. The easiest way to identify fonts on web pages.

#Color picker extension chrome code#

All of your CSS code and Sketch work takes a browser route with this.

You are able to edit any page, just like it's an artboard.

From displaying CSS properties to actually moving different blocks of a website LIVE! Take a look below.

Automatically inspects contrast for the selected element and fixes the contrast.

The Premium version adds batteries to the already great extension. Quickly check and adjust contrast in realtime in your browser to meet WCAG 2.1 requirements.Ī must for UI designers.

Gives info about the color in many formats like hex, hsl, rgb etc.Ģ️⃣ Kontrast - WCAG Contrast Checker by Kontrast.

What I liked about this one is that it's open-sourced and I can use it with a keyboard shortcut Alt+P. Of course, there are others for the same task like ColorZilla, Simple Color Picker etc. So, here's the list of the best Chrome extensions for front-end lovers.Įye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history. These extensions are for both front-end developers and designers out there. But here I am, a front-end lover just like you so I've installed the following extensions for work and fun!

Some are heavily focussed on debugging, some care about the front-end stuff. There are tonnes of Chrome extensions for web developers out there.