Hex code picker
Use Hex code picker to grab hex color codes from any webpage. Quickly identify colors and copy hex codes for all your design needs!
Visually tag environments (PROD/UAT/DEV) with color-coded CSS overrides or floating banners.
Review user movement over the last 30 days.
Track rating movement over time to see whether quality signals remain stable.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
✅ Color-coded banners and CSS overrides to visually distinguish dev, staging, UAT, and production environments. Never hit the wrong one again.
When every environment looks the same in the browser, costly mistakes are only a misplaced click away. A single mix-up between staging and production can mean lost customer data, broken deployments, or hours of emergency recovery.
⭐ ⭐ ⭐ EnvBanner eliminates that risk.⭐ ⭐ ⭐
EnvBanner is a Chrome extension that adds bold, color-coded visual indicators to your browser so you always know which environment you are working in. Configure floating banners, inject CSS overrides, or both — and never second-guess whether you are looking at dev, staging, UAT, or production again.
⭐ HOW IT WORKS
Install EnvBanner and it starts working immediately. Smart defaults automatically detect common environment patterns — localhost, .dev, .staging, .uat, and more — and display a color-coded banner on matching pages. No configuration required to get started.
Inspect the latest comments and rating distribution.
Review related products from the Chrome Web Store detail page.
Use Hex code picker to grab hex color codes from any webpage. Quickly identify colors and copy hex codes for all your design needs!
Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis
Extract the theme colors from the current website and easily check their usage ratio and color codes.
Adds a customizable banner with a label to the top of Salesforce pages, enhancing navigation and organization.
Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.
Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.