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. 擴展基本資訊
| 名稱 | |
| ID | nmmjeclfkgjdomacpcflgdkgpphpmnfe |
| 官方網址 | 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": [
" | |