当前位置: 首页 > news >正文

颜色对比比率计算

 在web设计中,选择较强对比度的前景色和底色是非常重要的。特别对于色弱的人们,如果在彩色

的底上显示对比度很低的文字,那么几乎是无法辨别的。

为了规范颜色对比,使之标准化,WCAG国际组织有一套严格的算法和标准。

1:1 没有对比,比如黑底黑字,白底白字

21:1 最大的对比,比如黑底白字,白底黑字

3:1-这是在large scale text(18pt or 14pt bold or larger)  level AA

4.5:1-minimum contrast for regular sized text level AA

7:1-enhanced contrast for regular sized text level AAA

http://www.msfw.com/Services/ContrastRatioCalculator

 

转载于:https://www.cnblogs.com/kidsitcn/p/4444463.html

相关文章:

  • mysql数据库中的using
  • 将分页功能从JSP页面中独立出来
  • Azure多网卡虚拟机
  • UNIX常见命令索引 (echo,find,xargs)
  • IMG-后勤执行-仓库管理-仓库管理概念-实际数据的执行记录(WM-1)
  • JavaScript数据结构-字典
  • 《Effective C++》第4章 设计与声明(2)-读书笔记
  • 4.PowerShell -- 数组,哈希表
  • iPhone取消软件更新上边的1
  • CentOS禁用root本地或远程ssh登录
  • nginx 自定义header 如何获取
  • 电子词典--两次扫描文件发/链表法
  • PL/SQL-05
  • LeetCode - Path sum
  • lucene.net 3.0.3、结合盘古分词进行搜索的小例子(分页功能)
  • 0x05 Python数据分析,Anaconda八斩刀
  • 78. Subsets
  • Apache Pulsar 2.1 重磅发布
  • in typeof instanceof ===这些运算符有什么作用
  • laravel 用artisan创建自己的模板
  • PV统计优化设计
  • Sass Day-01
  • Spring技术内幕笔记(2):Spring MVC 与 Web
  • webpack入门学习手记(二)
  • 开发了一款写作软件(OSX,Windows),附带Electron开发指南
  • 如何将自己的网站分享到QQ空间,微信,微博等等
  • 手写双向链表LinkedList的几个常用功能
  • 学习HTTP相关知识笔记
  • C# - 为值类型重定义相等性
  • 从如何停掉 Promise 链说起
  • ​520就是要宠粉,你的心头书我买单
  • #13 yum、编译安装与sed命令的使用
  • #Ubuntu(修改root信息)
  • %@ page import=%的用法
  • (二)linux使用docker容器运行mysql
  • (附源码)计算机毕业设计SSM疫情下的学生出入管理系统
  • (算法)Travel Information Center
  • (算法)前K大的和
  • (译)计算距离、方位和更多经纬度之间的点
  • (转)iOS字体
  • (转载)利用webkit抓取动态网页和链接
  • .equals()到底是什么意思?
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .NET 发展历程
  • .net 桌面开发 运行一阵子就自动关闭_聊城旋转门家用价格大约是多少,全自动旋转门,期待合作...
  • .netcore 6.0/7.0项目迁移至.netcore 8.0 注意事项
  • .net实现头像缩放截取功能 -----转载自accp教程网
  • .py文件应该怎样打开?
  • /bin/rm: 参数列表过长"的解决办法
  • /deep/和 >>>以及 ::v-deep 三者的区别
  • @converter 只能用mysql吗_python-MySQLConverter对象没有mysql-connector属性’...
  • @SpringBootApplication 包含的三个注解及其含义
  • [ HTML + CSS + Javascript ] 复盘尝试制作 2048 小游戏时遇到的问题
  • [Android 13]Input系列--获取触摸窗口
  • [AR]Vumark(下一代条形码)