Colour Contrast Checker
Check the contrast between different colour combinations against WCAG standards
什么是Colour Contrast Checker?
Colour Contrast Checker是由https://colourcontrast.cc开发的Chrome扩展程序,该扩展的主要功能是“Check the contrast between different colour combinations against WCAG standards”。
扩展截图
下载Colour Contrast Checker扩展crx文件
下载Colour Contrast Checker扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。
扩展使用说明
Compare the contrast ratio of 2 colours, background and foreground, within a webpage against level 2 of the Web Content Accessibility Guidelines (WCAG). *More information about understanding colour contrast: https://webaim.org/articles/contrast/ Features - Use the text fields to compare colours using Hex codes or colour names - Use the colour picker tool to compare colours on a webpage - Store up to 6 colour combinations you have compared (uses local storage) to refer back to later - Quickly reverse background and foreground colours - Generate a share link of colours compared Once you have installed the extension you may need to reload the webpage you are currently on to begin using the extension.
扩展基本信息
名称 | Colour Contrast Checker |
ID | nmmjeclfkgjdomacpcflgdkgpphpmnfe |
官方URL | https://chromewebstore.google.com/detail/colour-contrast-checker/nmmjeclfkgjdomacpcflgdkgpphpmnfe |
简介 | Check the contrast between different colour combinations against WCAG standards |
文件大小 | 418 KB |
安装次数 | 36,215 |
当前版本 | 1.4.2 |
更新时间 | 2023-05-17 |
上架时间 | 2019-09-06 |
评分 | 4.03/5 共29次评分 |
开发者 | https://colourcontrast.cc |
电子邮箱 | [email protected] |
付费类型 | free |
扩展官网 | https://colourcontrast.cc/ |
帮助页面URL | https://github.com/Pushedskydiver/CC-Checker-Chrome-Extension/issues |
支持的语言 | en-GB |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Colour Contrast Checker", "short_name": "CC Checker", "description": "Check the contrast between different colour combinations against WCAG standards", "version": "1.4.2", "action": { "default_title": "Open CC Checker" }, "icons": { "16": ".\/favicons\/favicon-16x16.png", "48": ".\/favicons\/favicon-48x48.png", "128": ".\/favicons\/favicon-128x128.png" }, "permissions": [ "activeTab" ], "web_accessible_resources": [ { "resources": [ "index.html", "fonts\/avenir-next-variable.woff2" ], "matches": [ " |