灵感数据库 | 心智模型

10_ui_accessibility_contrast_pairs_UI可访问性对比库

当前 4,260 条 · 1 / 89 页

1.22

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

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

1.03

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

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

#1F2937

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

Background_HEX: #251818
Contrast_Ratio: 1.17
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 红
背景明暗: 深

1.67

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

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

#FFFFFF

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

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

#F9FAFB

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

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

#F3F4F6

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

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

#2563EB

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

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

#DC2626

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

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

3.13

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

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

#7C3AED

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

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

#D97706

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

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

1.2

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

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

1.02

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

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

#1F2937

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

Background_HEX: #291414
Contrast_Ratio: 1.19
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 红
背景明暗: 深

1.69

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

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

#FFFFFF

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

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

#F9FAFB

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

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

#F3F4F6

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

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

#2563EB

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

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

#DC2626

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

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

3.18

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

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

#7C3AED

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

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

#D97706

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#2E0F0F

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

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

#320B0B

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

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

#320B0B

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

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

#320B0B

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

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

#320B0B

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

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

#320B0B

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

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

#320B0B

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

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

#320B0B

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

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

#320B0B

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

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

#320B0B

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

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

#320B0B

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

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

#320B0B

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

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

#320B0B

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

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