Customize webshop - brand colors

MacOS

  1. Open Launchpad by clicking its icon in Dock.

    Screen_Shot_2021-03-11_at_08.33.51.png


  2. Type "Digital color meter" and click its icon.

    Screen_Shot_2021-03-11_at_08.11.12.png


  3. Open your website in browser and place cursor over color you want to pick. Note down R, G and B values from Digital color meter.

    Screen_Shot_2021-03-11_at_08.15.05.png


  4. Open app customization tool, expand Colors section and click on color you want to modify.

    Screen_Shot_2021-03-11_at_08.16.23.png


  5. In color picker select RGB mode by clicking arrows. Enter RGB values from Digital color meter.

    Screen_Shot_2021-03-11_at_08.18.24.png

 

Windows (Chrome and Firefox browsers)

Both on Windows and MacOS it is possible to use ColorZilla browser extension to pick colors from websites. Lets install and use it on Windows for Chrome browser:

  1. Open https://www.colorzilla.com/chrome/ using Chrome and click "Install ColorZilla" button.

    Screen_Shot_2021-03-11_at_10.24.21.png


  2. Browser extensions marketplace is opened. Click "Add to Chrome" button. 

    Screen_Shot_2021-03-11_at_10.25.01.png


  3. Browser will show warning about ColorZilla access to websites. Click "Add extension"

    Screen_Shot_2021-03-11_at_10.25.35.png


  4. After the extension is installed, open website to pick colors from. Find and click ColorZilla extension icon on extensions panel.

    Screen_Shot_2021-03-11_at_10.26.11.png


  5. Extension will add color information bar at the top of webpage, cursor will change appearance to crosshair. Click color on page you want to pick. It will be copied into clipboard in HEX format automatically.

    Screen_Shot_2021-03-11_at_10.27.20.png


  6. Open app customization tool, expand Colors section and click on color you want to modify.

    Screen_Shot_2021-03-11_at_10.28.04.png


  7. In color picker select HEX mode by clicking arrows. Paste color value from clipboard.

Screen_Shot_2021-03-11_at_10.29.35.png

 

Was this article helpful?
1 out of 1 found this helpful