How to Use

Install Hubbbr

Click the button “Install Hubbbr” and go to the Chrome Web Store, on the extension’s details page, you should see an “Add to Chrome” button. Click on it. Confirm that you want to add the extension by clicking “Add extension”. Install Hubbbr

Color Picker

Click the extension logo to open the Hubbbr toolbar at the bottom of your screen. Next select the "Color Picker" tool, click the "Color Picker" icon, and pick the needed color.

What Font?

Click the extension logo to open the Hubbbr toolbar at the bottom of your screen. Next click the "What Font?" icon, and hover over the needed font on a web page.

Create Palette

Click the extension logo to open the Hubbbr toolbar at the bottom of your screen. Next, click the "Create Palette" icon and select an area on the web page to capture a screenshot. On the page that opens, you can generate a color palette from the screenshot, or create a gradient by clicking the "Magic Wand" icon.

Page Ruler

Click the extension logo to open the Hubbbr toolbar at the bottom of your screen. Next, click the "Page Ruler" icon and hover over the needed elements on the web page to measure sizes, distances, margins, and paddings.

History

Click the extension logo to open the Hubbbr toolbar at the bottom of your screen. Next, click the "Menu" icon.