Skip to main content
  • Power Apps
  • Overview
    • Build Apps
    • Automate Processes
    • Connect Data
    • AI Builder
    • Portals
  • Pricing
  • Partners
    • Partner Showcase
    • Find Consulting Services
    • Find a Partner
    • Become a Partner
  • Learn
    • Documentation
    • Guided Learning
    • Support
    • Roadmap
    • Blog
    • Customer Stories
  • Community
    • Forums
    • Galleries
    • Ideas
    • User Groups
    • Community Blog
  • Register
  • ·
  • Sign In
  • ·
  • Help
Go To
  • Power Apps Community
  • Get Help with Power Apps (Formerly General)
  • Building Power Apps (Formerly General Discussion)
  • Common Data Service for Apps
  • AI Builder
  • Power Apps Governance and Administering (Formerly Administering Power Apps)
  • Power Apps component framework, ALM & Pro Dev
  • Power Apps Portals
  • Power Virtual Agents Forum
  • Community Blog & News
  • News & Announcements (Formerly Power Apps Community Blog)
  • Galleries
  • Community App Samples
  • Video Gallery
  • Canvas Apps Components Samples
  • Microsoft Business Applications Presentations
  • Ideas
  • Power Apps Ideas
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

Super User wyotim
Super User
659 Views
LinkedIn LinkedIn Facebook Facebook Twitter Twitter
Highlighted
wyotim
Super User wyotim
Super User

Color contrast analyzer app

  • Mark as New
  • Bookmark
  • Subscribe
  • Mute
  • Subscribe to RSS Feed
  • Permalink
  • Print
  • Email to a Friend
  • Report Inappropriate Content
‎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!

Color Contrast Analyzer 1.jpg
Color Contrast Analyzer.msapp
Labels:
  • Mobile app design and user experience
  • Web Desktop Hub app design and user experience
Message 1 of 1
659 Views
2 Kudos
Reply
  • All posts
  • Previous Topic
  • Next Topic

Power Platform

  • Overview
  • Power BI
  • Power Apps
  • Power Automate
  • Power Virtual Agents
  • Sign in
  • Sign up

Browse

  • Sample apps
  • Services

Downloads

  • Studio
  • iOS
  • Android

Learn

  • Documentation
  • Support
  • Community
  • Give feedback
  • Blog
  • Partners
  • © 2019 Microsoft
  • Privacy & cookies
  • Terms of use
  • Trademarks