Colour Contrast Checker

Colour Contrast Checker插件简介

Colour Contrast Checker插件描述

======== BRAND NEW IN V2 ========

Pick a colour on the page you are on. You can now use the little eyedropper tool to pick any colour on the current web page you are on.

Br new layout. The checker is now added to the webpage you are on rather than being a pop up, which allows the eye dropper functionality to wk

==============================

Contrast  colour use are vital to accessibility. Users, including users with visual disabilities, must be able to perceive content on the page. 

By using this tool, you will be able to make sure that your colour combinations have a good enough contrast  them to meet the Level AA WCAG stards.

As well as checking the contrast ratio  two colours, you can save your colour combinations (Maximum of 6) that you have entered  revisit them later. You also have the ability to copy the hex code values that you have entered to your clipboard. Simply press the icon to the side of the input  Bobs your uncle.

If this is not enough to tickle your fancy, you can view the webpage version at https://colourcontrast.cc/ which comes with some extra goodies.
                                

Colour Contrast Checker插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Colour Contrast CheckerChrome插件v1.3.0版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决