灵感数据库 | 心智模型

10_ui_accessibility_contrast_pairs_UI可访问性对比库

当前 4,260 条 · 2 / 89 页

1.19

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

Background_HEX: #370606
Foreground_HEX: #000000
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 红
背景明暗: 深

1.01

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

Background_HEX: #370606
Foreground_HEX: #111827
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 红
背景明暗: 深

#1F2937

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

Background_HEX: #370606
Contrast_Ratio: 1.2
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 红
背景明暗: 深

1.71

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

Background_HEX: #370606
Foreground_HEX: #374151
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 红
背景明暗: 深

#FFFFFF

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

Background_HEX: #370606
Contrast_Ratio: 17.63
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 红
背景明暗: 深

#F9FAFB

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

Background_HEX: #370606
Contrast_Ratio: 16.87
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 红
背景明暗: 深

#F3F4F6

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

Background_HEX: #370606
Contrast_Ratio: 16.02
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 红
背景明暗: 深

#2563EB

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

Background_HEX: #370606
Contrast_Ratio: 3.41
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 红
背景明暗: 深

#DC2626

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

Background_HEX: #370606
Contrast_Ratio: 3.65
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 红
背景明暗: 深

3.21

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

Background_HEX: #370606
Foreground_HEX: #047857
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 红
背景明暗: 深

#7C3AED

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

Background_HEX: #370606
Contrast_Ratio: 3.09
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 红
背景明暗: 深

#D97706

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

Background_HEX: #370606
Contrast_Ratio: 5.53
WCAG_Normal_Text: AA
WCAG_Large_Text: AAA-large
背景色相: 红
背景明暗: 深

#3C0202

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

Foreground_HEX: #000000
Contrast_Ratio: 1.2
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 红
背景明暗: 深

#3C0202

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

Foreground_HEX: #111827
Contrast_Ratio: 1.02
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 红
背景明暗: 深

#3C0202

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

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

#3C0202

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

Foreground_HEX: #374151
Contrast_Ratio: 1.7
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 红
背景明暗: 深

#3C0202

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

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

#3C0202

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

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

#3C0202

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

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

#3C0202

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

Foreground_HEX: #2563EB
Contrast_Ratio: 3.38
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 红
背景明暗: 深

#3C0202

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

Foreground_HEX: #DC2626
Contrast_Ratio: 3.62
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 红
背景明暗: 深

#3C0202

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

Foreground_HEX: #047857
Contrast_Ratio: 3.19
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 红
背景明暗: 深

#3C0202

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

Foreground_HEX: #7C3AED
Contrast_Ratio: 3.07
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 红
背景明暗: 深

#3C0202

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

Foreground_HEX: #D97706
Contrast_Ratio: 5.49
WCAG_Normal_Text: AA
WCAG_Large_Text: AAA-large
背景色相: 红
背景明暗: 深

#251C18

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

Foreground_HEX: #000000
Contrast_Ratio: 1.26
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #111827
Contrast_Ratio: 1.06
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #1F2937
Contrast_Ratio: 1.14
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #374151
Contrast_Ratio: 1.62
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #FFFFFF
Contrast_Ratio: 16.69
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #F9FAFB
Contrast_Ratio: 15.97
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #F3F4F6
Contrast_Ratio: 15.17
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #2563EB
Contrast_Ratio: 3.23
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #DC2626
Contrast_Ratio: 3.46
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #047857
Contrast_Ratio: 3.04
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #7C3AED
Contrast_Ratio: 2.93
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 朱红
背景明暗: 深

#251C18

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

Foreground_HEX: #D97706
Contrast_Ratio: 5.24
WCAG_Normal_Text: AA
WCAG_Large_Text: AAA-large
背景色相: 朱红
背景明暗: 深

1.24

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

Background_HEX: #291914
Foreground_HEX: #000000
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 朱红
背景明暗: 深

1.05

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

Background_HEX: #291914
Foreground_HEX: #111827
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 朱红
背景明暗: 深

#1F2937

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

Background_HEX: #291914
Contrast_Ratio: 1.15
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 朱红
背景明暗: 深

1.64

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

Background_HEX: #291914
Foreground_HEX: #374151
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 朱红
背景明暗: 深

#FFFFFF

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

Background_HEX: #291914
Contrast_Ratio: 16.89
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 朱红
背景明暗: 深

#F9FAFB

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

Background_HEX: #291914
Contrast_Ratio: 16.16
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 朱红
背景明暗: 深

#F3F4F6

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

Background_HEX: #291914
Contrast_Ratio: 15.35
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 朱红
背景明暗: 深

#2563EB

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

Background_HEX: #291914
Contrast_Ratio: 3.27
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 朱红
背景明暗: 深

#DC2626

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

Background_HEX: #291914
Contrast_Ratio: 3.5
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 朱红
背景明暗: 深

3.08

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

Background_HEX: #291914
Foreground_HEX: #047857
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 朱红
背景明暗: 深

#7C3AED

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

Background_HEX: #291914
Contrast_Ratio: 2.96
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 朱红
背景明暗: 深

#D97706

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

Background_HEX: #291914
Contrast_Ratio: 5.3
WCAG_Normal_Text: AA
WCAG_Large_Text: AAA-large
背景色相: 朱红
背景明暗: 深