Grayscale with Temperature
Temperature-saturated grayscale generation with accessibility reporting.
year
2025
tags
React · TypeScript
Temperature-saturated grayscale generation with accessibility reporting.
year
2025
tags
React · TypeScript
#ffffff
#ffffff
Fail
1.00
#dfdfdf
Fail
1.33
#c0c0c0
Fail
1.82
#a2a2a2
Fail
2.55
#858585
A
3.69
#696969
AA
5.49
#4e4e4e
AAA
8.32
#353535
AAA
12.27
#1e1e1e
AAA
16.67
#000000
AAA
21.00
#dfdfdf
#ffffff
Fail
1.33
#dfdfdf
Fail
1.00
#c0c0c0
Fail
1.37
#a2a2a2
Fail
1.92
#858585
Fail
2.77
#696969
A
4.12
#4e4e4e
AA
6.24
#353535
AAA
9.20
#1e1e1e
AAA
12.51
#000000
AAA
15.76
#c0c0c0
#ffffff
Fail
1.82
#dfdfdf
Fail
1.37
#c0c0c0
Fail
1.00
#a2a2a2
Fail
1.40
#858585
Fail
2.03
#696969
A
3.02
#4e4e4e
A
4.57
#353535
AA
6.74
#1e1e1e
AAA
9.16
#000000
AAA
11.54
#a2a2a2
#ffffff
Fail
2.55
#dfdfdf
Fail
1.92
#c0c0c0
Fail
1.40
#a2a2a2
Fail
1.00
#858585
Fail
1.45
#696969
Fail
2.15
#4e4e4e
A
3.26
#353535
A
4.80
#1e1e1e
AA
6.53
#000000
AAA
8.23
#858585
#ffffff
A
3.69
#dfdfdf
Fail
2.77
#c0c0c0
Fail
2.03
#a2a2a2
Fail
1.45
#858585
Fail
1.00
#696969
Fail
1.49
#4e4e4e
Fail
2.26
#353535
A
3.32
#1e1e1e
A
4.52
#000000
AA
5.69
#696969
#ffffff
AA
5.49
#dfdfdf
A
4.12
#c0c0c0
A
3.02
#a2a2a2
Fail
2.15
#858585
Fail
1.49
#696969
Fail
1.00
#4e4e4e
Fail
1.52
#353535
Fail
2.23
#1e1e1e
A
3.04
#000000
A
3.83
#4e4e4e
#ffffff
AAA
8.32
#dfdfdf
AA
6.24
#c0c0c0
A
4.57
#a2a2a2
A
3.26
#858585
Fail
2.26
#696969
Fail
1.52
#4e4e4e
Fail
1.00
#353535
Fail
1.47
#1e1e1e
Fail
2.00
#000000
Fail
2.52
#353535
#ffffff
AAA
12.27
#dfdfdf
AAA
9.20
#c0c0c0
AA
6.74
#a2a2a2
A
4.80
#858585
A
3.32
#696969
Fail
2.23
#4e4e4e
Fail
1.47
#353535
Fail
1.00
#1e1e1e
Fail
1.36
#000000
Fail
1.71
#1e1e1e
#ffffff
AAA
16.67
#dfdfdf
AAA
12.51
#c0c0c0
AAA
9.16
#a2a2a2
AA
6.53
#858585
A
4.52
#696969
A
3.04
#4e4e4e
Fail
2.00
#353535
Fail
1.36
#1e1e1e
Fail
1.00
#000000
Fail
1.26
#000000
#ffffff
AAA
21.00
#dfdfdf
AAA
15.76
#c0c0c0
AAA
11.54
#a2a2a2
AAA
8.23
#858585
AA
5.69
#696969
A
3.83
#4e4e4e
Fail
2.52
#353535
Fail
1.71
#1e1e1e
Fail
1.26
#000000
Fail
1.00