美文网首页
色彩对比度检查器

色彩对比度检查器

作者: Doria2016 | 来源:发表于2020-10-23 19:54 被阅读0次

计算文本和背景颜色的对比度。这个网站上提供免费的颜色对比分析工具,根据 wcag2.1指南,该工具将显示网页或所选颜色之间的颜色对比度。色彩对比度是指屏幕上明亮或黑暗的颜色是如何相互映衬的;尤其是相对于人眼所能感知到的相对灰度亮度而言。色彩对比检查工具遵循Web内容可访问性指南(WCAG),这是一系列使Web 更容易阅读和使用的建议值。关于颜色,标准定义了两个级别的对比度:AA(最小对比度)和AAA(增强对比度)。AA级要求普通文本的对比度至少为4.5:1,大文本(至少18磅)或粗体文本的对比度为3:1。AAA级别要求普通文本的对比度至少为7:1,大文本或粗体文本的对比度至少为4.5:1。

https://hexcolor.co/color-contrast-checker

什么是WCAG-万维网联盟网络无障碍倡议?

Web 内容可访问性指南(WCAG)由W3C WAI(万维网联盟Web可访问性倡议)制定,目标是为 Web 内容可访问性提供共享标准。WCAG的文档解释了如何让视觉、听觉、生理、语言、学习和神经系统残疾的人更容易访问web内容。WCAG标准的目的是定义如何“…使残疾人更容易访问Web内容。无障碍性涉及广泛的残疾,包括视觉、听觉、身体、言语、认知、语言、学习和神经系统残疾。尽管这些指导方针涵盖了广泛的问题,但它们不能满足所有类型、学位和各种残疾组合的人的需求。这些指导原则还使网络内容更易被那些因年龄增长而能力不断变化的老年人使用,并且通常提高了用户的可用性。

相关文章

  • 色彩对比度检查器

    计算文本和背景颜色的对比度。这个网站上提供免费的颜色对比分析工具,根据 wcag2.1指南,该工具将显示网页或所选...

  • 电商专题界面设计

    色彩三要素: 1.色相(Hue):色彩的名称; 2.亮度(Brightness):色彩的明暗程度,又称明度/对比度...

  • 色彩

    颜色的三种属性: 色调(颜色种类)hue 色彩饱和度(深浅)saturation 色彩对比度(明暗)value 配...

  • 显示器

    用来做设计的显示器,需要特别关注有关色彩显示能力的几个参数——面板类型、静态对比度、色深、色域范围、色准 面板类型...

  • 4 css和js无障碍最佳实践

    css相关部分 1 .正确的语义和用户期望 2 .颜色和对比度:有一些工具可以检查对比度.WebAIM3 .隐藏东...

  • 设计初步

    用什么技巧(颜色、形状、色彩搭配、对比度饱和度、字体)体现什么设计目的? 目的:传达出酸奶明亮,新鲜,健康,纯粹的...

  • 浏览器禁止检查

    浏览器禁止检查 1、浏览器未禁止检查前现象 2、浏览器禁止检查后现象 浏览器禁止安全检查命令:chrome.exe...

  • PS第二篇——基础图像,颜色微调

    一、 亮度/对比度 第一种: 对比度:左划,对比度变弱;右划,对比度变强。 第二种:(推荐) 点击右下角的图标(圆...

  • 通过“filter”来扒一扒CSS的美颜效果

    前言:之前,美颜相机还没流行的时候,初级美颜的版本,就是对照片的色彩,光影,阴影,对比度,透明度,饱和度进行调节,...

  • LR中调色参数笔记

    清晰度、对比度、锐度 清晰度图像局部像素的对比度+分辨率 对比度图像整体的明暗对比 锐度图像边缘像素的对比度,同时...

网友评论

      本文标题:色彩对比度检查器

      本文链接:https://www.haomeiwen.com/subject/ojhbmktx.html