Colorable色彩组合对比度测试仪
Colorable 提供一组调色板,你可以为每一个色彩组合获取合适的对比度值(包含 WCAG 可访问性指南的及格/不及格分数),让你的网页可访问性不出现色彩对比度问题。
用法
传递颜色字符串数组,或带有颜色字符串的对象作为值
var colorable = require ( 'colorable' )
var colours = {
red : 'red' ,
green : 'green' ,
blue : 'blue'
}
var result = colorable ( colors , { compact : true , threshold : 0 } )
返回一个颜色数组,其中包含所有其他颜色及其 WCAG 对比度值的组合。
[
{
"hex": "#FF0000",
"name": "red",
"combinations": [
{
"hex": "#008000",
"name": "green",
"contrast": 1.28483997166146,
"accessibility": {
"aa": false,
"aaLarge": false,
"aaa": false,
"aaaLarge": false
}
},
{
"hex": "#0000FF",
"name": "blue",
"contrast": 2.148936170212766,
"accessibility": {
"aa": false,
"aaLarge": false,
"aaa": false,
"aaaLarge": false
}
}
]
},
...
]
可访问对象
每个键都是一个布尔值,表示颜色对比度是否满足以下条件:
-
aa
- 大于4.5 (适用于正常大小的文本) -
aaLarge
- 大于3 (粗体或大于 24 px 的文本) -
aaa
- 大于 7 -
aaaLarge
- 大于 4.5
选项
compact
类型:Boolean(默认:false
)
如果设置为true
,则结果将是一个较小的对象,该对象仅包含十六进制值颜色字符串、每种颜色的名称(如果将对象传递给函数)、对比度和可访问性值。设置为 false
,则结果还包括每种颜色的整个 harthur/color 对象,其中包括用于颜色操作的其他属性和方法。
threshold
类型:数值(默认值:0
)
设置后,可着色函数仅返回对比度高于此值的组合。适用于只查看比最低对比度级别高的颜色组合。
uniq
类型:布尔值(默认值:true)
设置为true
,颜色数组通过 lodash.uniq 传递,以删除重复项。
评论
dperf高性能网络压力测试仪
dperf是一款由百度开源的超高性能的网络压力测试仪。它使用了DPDK与用户态TCP协议栈技术,用一台x86服务器就可以制造巨大流量:数10亿并发连接,百Gbps吞吐,千万级HTTPCPS,其性能远远
dperf高性能网络压力测试仪
0
Chameleon-iOSiOS 色彩框架
Chameleon是iOS的一个轻量级颜色框架。它用好看、摩登的扁平化颜色扩展了UIColor。它也给了我们能力来创建调色板,里面是我们自己定义的颜色。它可以做很多其他事,探索readme文件。使用C
Chameleon-iOSiOS 色彩框架
0
DigitalPalette色彩编辑器
简介DigitalPalette是一款免费开源软件,它可以帮助您从色彩转轮或者已有图像中生成一组符合一定调和规则的色彩,并应用到您的创作中。特性免费并且开源的色彩编辑器。可以从色彩转轮中创建一组色彩。
DigitalPalette色彩编辑器
0
MarionetteBackbone.js 组合框架
Backbone.Marionette 是 Backbone.js 的一个组合应用库,简化了大规模
MarionetteBackbone.js 组合框架
0