灵感数据库 | 心智模型

10_ui_accessibility_contrast_pairs_UI可访问性对比库

当前 4,260 条 · 8 / 89 页

1.71

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Foreground_HEX: #000000
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

1.45

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Foreground_HEX: #111827
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#1F2937

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Contrast_Ratio: 1.2
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

1.19

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Foreground_HEX: #374151
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#FFFFFF

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Contrast_Ratio: 12.27
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄
背景明暗: 深

#F9FAFB

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Contrast_Ratio: 11.74
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄
背景明暗: 深

#F3F4F6

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Contrast_Ratio: 11.15
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄
背景明暗: 深

#2563EB

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Contrast_Ratio: 2.37
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#DC2626

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Contrast_Ratio: 2.54
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

2.24

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Foreground_HEX: #047857
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#7C3AED

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Contrast_Ratio: 2.15
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#D97706

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #373706
Contrast_Ratio: 3.85
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #000000
Contrast_Ratio: 1.84
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #111827
Contrast_Ratio: 1.55
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #1F2937
Contrast_Ratio: 1.29
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #374151
Contrast_Ratio: 1.11
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #FFFFFF
Contrast_Ratio: 11.42
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #F9FAFB
Contrast_Ratio: 10.93
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #F3F4F6
Contrast_Ratio: 10.37
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #2563EB
Contrast_Ratio: 2.21
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #DC2626
Contrast_Ratio: 2.36
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #047857
Contrast_Ratio: 2.08
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #7C3AED
Contrast_Ratio: 2.0
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#3C3C02

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Foreground_HEX: #D97706
Contrast_Ratio: 3.58
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 黄
背景明暗: 深

1.35

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Foreground_HEX: #000000
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

1.14

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Foreground_HEX: #111827
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

#1F2937

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Contrast_Ratio: 1.06
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

1.51

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Foreground_HEX: #374151
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

#FFFFFF

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Contrast_Ratio: 15.6
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄绿
背景明暗: 深

#F9FAFB

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Contrast_Ratio: 14.93
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄绿
背景明暗: 深

#F3F4F6

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Contrast_Ratio: 14.18
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄绿
背景明暗: 深

#2563EB

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Contrast_Ratio: 3.02
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 黄绿
背景明暗: 深

#DC2626

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Contrast_Ratio: 3.23
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 黄绿
背景明暗: 深

2.85

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Foreground_HEX: #047857
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

#7C3AED

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Contrast_Ratio: 2.74
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

#D97706

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #222518
Contrast_Ratio: 4.9
WCAG_Normal_Text: AA
WCAG_Large_Text: AAA-large
背景色相: 黄绿
背景明暗: 深

1.4

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Foreground_HEX: #000000
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

1.18

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Foreground_HEX: #111827
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

#1F2937

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Contrast_Ratio: 1.02
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

1.45

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Foreground_HEX: #374151
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

#FFFFFF

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Contrast_Ratio: 14.98
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄绿
背景明暗: 深

#F9FAFB

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Contrast_Ratio: 14.33
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄绿
背景明暗: 深

#F3F4F6

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Contrast_Ratio: 13.61
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 黄绿
背景明暗: 深

#2563EB

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Contrast_Ratio: 2.9
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

#DC2626

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Contrast_Ratio: 3.1
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 黄绿
背景明暗: 深

2.73

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Foreground_HEX: #047857
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

#7C3AED

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Contrast_Ratio: 2.63
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄绿
背景明暗: 深

#D97706

Logo/装饰可例外；正文尽量达到 AA 4.5:1 以上。

Background_HEX: #242914
Contrast_Ratio: 4.7
WCAG_Normal_Text: AA
WCAG_Large_Text: AAA-large
背景色相: 黄绿
背景明暗: 深