Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Pages
    • Take a guided tour
  • Pricing
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • GCC, GCCH, DoD - Federal App Makers (FAM)
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Emergency Response Gallery
    • Events
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Community Engagement
    • Community Calls Conversations
    • Hack Together: Power Platform AI Global Hack
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Community App Samples
    • Color contrast analyzer app

    Color contrast analyzer app

    10-16-2019 15:26 PM - last edited 10-16-2019 15:34 PM

    wyotim
    Resident Rockstar
    1806 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    wyotim
    wyotim Resident Rockstar
    Resident Rockstar
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    Color contrast analyzer app

    ‎10-16-2019 03:26 PM

    This app is used to measure the contrast ratio between two colors. It can also be used to convert between RGB and hex colors. There are some helpful links to some Web Content Accessibility Guidelines sections that are of note for color-related considerations as well as a link to the WebAIM website which served as the inspiration for some of the app design. 

     

    The general design idea was to have a useful, self-contained phone app and not have to switch back and forth between web pages when choosing colors. It also has a light/dark mode and it will remember the last colors you entered (but not if using on the web). There is also some basic error messaging to help if a color code is entered out of range or with information missing.

     

    To use, simply choose a type of color to enter (RGB or hex) for the foreground and/or background, enter the value, and select 'Set Color'. The app will do the math on the color contrast ratio and give a pass/fail assessment for WCAG AA and AAA ratings on normal and large text as well as WCAG AA for graphical objects and UI components. 

     

    Hope this is helpful!

    Preview file
    260 KB
    Color Contrast Analyzer.msapp
    Labels:
    • Labels:
    • Mobile App Design and User Experience
    • Web Desktop Hub App Design and User Experience
    Message 1 of 2
    1,806 Views
    3 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic
    LyndiAnne
    LyndiAnne
    New Member
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎10-23-2020 12:20 PM

    Great app, very useful! Thanks so much for sharing!! 

    Message 2 of 2
    998 Views
    2 Kudos
    Reply

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Pages
    • Power Automate
    • Power Virtual Agents

    Browse

    • Sample apps
    • Services

    Downloads

    • Windows
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2023 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks
    Consumer Privacy Act (CCPA) Opt-Out Icon Your Privacy Choices