灵感数据库 | 心智模型

10_ui_accessibility_contrast_pairs_UI可访问性对比库

当前 4,260 条 · 5 / 89 页

#371F06

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

Foreground_HEX: #000000
Contrast_Ratio: 1.36
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 橙
背景明暗: 深

#371F06

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

Foreground_HEX: #111827
Contrast_Ratio: 1.15
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 橙
背景明暗: 深

#371F06

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

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

#371F06

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

Foreground_HEX: #374151
Contrast_Ratio: 1.5
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 橙
背景明暗: 深

#371F06

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

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

#371F06

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

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

#371F06

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

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

#371F06

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

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

#371F06

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

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

#371F06

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

Foreground_HEX: #047857
Contrast_Ratio: 2.81
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 橙
背景明暗: 深

#371F06

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

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

#371F06

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

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

#3C1F02

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

Foreground_HEX: #000000
Contrast_Ratio: 1.39
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 橙
背景明暗: 深

#3C1F02

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

Foreground_HEX: #111827
Contrast_Ratio: 1.17
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 橙
背景明暗: 深

#3C1F02

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

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

#3C1F02

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

Foreground_HEX: #374151
Contrast_Ratio: 1.47
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 橙
背景明暗: 深

#3C1F02

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

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

#3C1F02

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

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

#3C1F02

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

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

#3C1F02

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

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

#3C1F02

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

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

#3C1F02

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

Foreground_HEX: #047857
Contrast_Ratio: 2.76
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 橙
背景明暗: 深

#3C1F02

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

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

#3C1F02

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

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

1.32

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

Background_HEX: #252218
Foreground_HEX: #000000
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

1.12

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

Background_HEX: #252218
Foreground_HEX: #111827
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

#1F2937

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

Background_HEX: #252218
Contrast_Ratio: 1.08
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

1.54

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

Background_HEX: #252218
Foreground_HEX: #374151
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

#FFFFFF

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

Background_HEX: #252218
Contrast_Ratio: 15.9
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 琥珀
背景明暗: 深

#F9FAFB

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

Background_HEX: #252218
Contrast_Ratio: 15.22
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 琥珀
背景明暗: 深

#F3F4F6

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

Background_HEX: #252218
Contrast_Ratio: 14.45
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 琥珀
背景明暗: 深

#2563EB

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

Background_HEX: #252218
Contrast_Ratio: 3.08
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 琥珀
背景明暗: 深

#DC2626

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

Background_HEX: #252218
Contrast_Ratio: 3.29
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 琥珀
背景明暗: 深

2.9

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

Background_HEX: #252218
Foreground_HEX: #047857
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

#7C3AED

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

Background_HEX: #252218
Contrast_Ratio: 2.79
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

#D97706

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

Background_HEX: #252218
Contrast_Ratio: 4.99
WCAG_Normal_Text: AA
WCAG_Large_Text: AAA-large
背景色相: 琥珀
背景明暗: 深

1.36

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

Background_HEX: #292414
Foreground_HEX: #000000
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

1.15

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

Background_HEX: #292414
Foreground_HEX: #111827
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

#1F2937

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

Background_HEX: #292414
Contrast_Ratio: 1.05
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

1.5

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

Background_HEX: #292414
Foreground_HEX: #374151
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

#FFFFFF

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

Background_HEX: #292414
Contrast_Ratio: 15.48
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 琥珀
背景明暗: 深

#F9FAFB

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

Background_HEX: #292414
Contrast_Ratio: 14.81
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 琥珀
背景明暗: 深

#F3F4F6

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

Background_HEX: #292414
Contrast_Ratio: 14.06
WCAG_Normal_Text: AAA
WCAG_Large_Text: AAA-large
背景色相: 琥珀
背景明暗: 深

#2563EB

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

Background_HEX: #292414
Contrast_Ratio: 2.99
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

#DC2626

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

Background_HEX: #292414
Contrast_Ratio: 3.21
WCAG_Normal_Text: Fail
WCAG_Large_Text: AA-large
背景色相: 琥珀
背景明暗: 深

2.82

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

Background_HEX: #292414
Foreground_HEX: #047857
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

#7C3AED

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

Background_HEX: #292414
Contrast_Ratio: 2.72
WCAG_Normal_Text: Fail
WCAG_Large_Text: Fail
背景色相: 琥珀
背景明暗: 深

#D97706

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

Background_HEX: #292414
Contrast_Ratio: 4.86
WCAG_Normal_Text: AA
WCAG_Large_Text: AAA-large
背景色相: 琥珀
背景明暗: 深