灵感数据库 | 心智模型

10_ui_accessibility_contrast_pairs_UI可访问性对比库

当前 4,260 条 · 7 / 89 页

1.36

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

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

1.15

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

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

#1F2937

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

Background_HEX: #252518
Contrast_Ratio: 1.05
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

1.5

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

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

#FFFFFF

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

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

#F9FAFB

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

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

#F3F4F6

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

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

#2563EB

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

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

#DC2626

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

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

2.82

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

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

#7C3AED

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

Background_HEX: #252518
Contrast_Ratio: 2.72
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#D97706

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

Background_HEX: #252518
Contrast_Ratio: 4.86
WCAG_Normal_Text: AA
WCAG_Large_Text: AAA-large
背景色相: 黄
背景明暗: 深

1.42

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

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

1.2

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

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

#1F2937

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

Background_HEX: #292914
Contrast_Ratio: 1.01
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

1.43

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

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

#FFFFFF

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

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

#F9FAFB

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

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

#F3F4F6

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

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

#2563EB

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

Background_HEX: #292914
Contrast_Ratio: 2.86
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#DC2626

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

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

2.69

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

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

#7C3AED

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

Background_HEX: #292914
Contrast_Ratio: 2.59
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 黄
背景明暗: 深

#D97706

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

Background_HEX: #292914
Contrast_Ratio: 4.64
WCAG_Normal_Text: AA
WCAG_Large_Text: AAA-large
背景色相: 黄
背景明暗: 深

#2E2E0F

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

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

#2E2E0F

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

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

#2E2E0F

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

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

#2E2E0F

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

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

#2E2E0F

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

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

#2E2E0F

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

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

#2E2E0F

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

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

#2E2E0F

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

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

#2E2E0F

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

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

#2E2E0F

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

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

#2E2E0F

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

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

#2E2E0F

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

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

#32320B

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

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

#32320B

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

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

#32320B

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

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

#32320B

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

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

#32320B

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

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

#32320B

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

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

#32320B

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

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

#32320B

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

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

#32320B

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

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

#32320B

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

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

#32320B

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

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

#32320B

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

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