Colour Contrast Checker란 무엇입니까?

Colour Contrast Checker은(는) https://colourcontrast.cc에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Check the contrast between different colour combinations against WCAG standards"입니다.

확장 프로그램 스크린샷

Colour Contrast Checker 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

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": [ "" ], "use_dynamic_url": true } ], "background": { "service_worker": ".\/app\/background.js" }, "content_scripts": [ { "matches": [ "" ], "js": [ ".\/app\/content.js" ] } ] }