Web Inspector vs Pixel Contrast Checker

Web Inspector expands Safari on iPhone and iPad with a set of web development tools: Elements: Browse the DOM tree and tap elements on the page to inspect them. View node details, styles, and computed values. Search the DOM, edit an element's HTML, and copy or delete nodes. Console: Type JavaScript commands to debug, modify, and get information about your webpage. Sources: Read the webpage's source with syntax highlighting. Network: See a list of network requests made by the webpage, with headers and responses. Filter requests, or copy one as a cURL command. Resources: Find details about the data stored by a webpage, such as cookies, local storage, and session storage. Tip: If you tap the Web Inspector button and nothing happens, reload the page once..

Ensure your designs are accessible and legible for everyone. You can analyze images and URLs.Evaluate the color contrast of your web designs, app UIs, and presentation slides based on the WCAG 2.1 international standards. This app provides instant accessibility checks for Standard Text, Large Text, and UI components. You can analyze images and URLs. ■ Key Features Simple Tap-to-Check Just upload an image and tap two points—the background and the text—to instantly calculate the contrast ratio. You can save up to 5 images within the app for quick reference without re-uploading. You can now display a web page by entering a URL and compare by tapping on the page. 300% Zoom Function Magnify your designs up to 300%. Even on a smartphone screen, you can examine fine details and ensure your work is perfect. Precision Magnifying Glass (Loupe) The built-in magnifying glass appears when you tap, allowing you to target and select specific pixels with pinpoint accuracy—ideal for complex designs or gradients. You can set the magnification of the loupe from 2x to 5x. History Management Save your results with a single tap. View your history of contrast ratios and HEX color codes at a glance. (Note: History is maintained during the current session and resets when the app is closed or a new image is selected.) Full WCAG 2.1 Compliance The app automatically determines if your colors meet the 4.5:1 ratio required for accessibility, making it easy to see if your content is truly readable. ■ Who It’s For Web, UI, and UX Designers App Developers & Front-end Engineers Business professionals creating presentations or flyers Any creator focused on inclusive, accessible design ■ Supported Formats JPEG, PNG, and HEIC High-resolution images up to 4000px Import directly from your Photo Library or Files app ■ Privacy First Your privacy is our priority. All image analysis is performed locally on your device. No data is ever uploaded to external servers.