رەڭ قارشى تۇرۇش تەكشۈرگۈچ

رەڭلىرىڭىزنى تەكشۈرۈڭ

تېكىست ئوقۇشلۇقلۇقى ئۈچۈن WCAG زىيارەتچىلىك ئۆلچىمىگە ماس كېلىدىغانلىقىنى تەكشۈرۈش ئۈچۈن رەڭ ئارىلاشمىسىنى سىناڭ.

قارشى تۇرۇش

ماتېن نەتىجىسى

ياخشى

سېلىشتۇرۇلدى: #FFFFFF نىڭ #BB3344 ئۈستىدىكى كۆرۈنۈشى

ماتېن

16px، نورمال (400)

نورمال ماتىن دەپ ھېسابلىنىدۇ.

AA (WCAG 1.4.3): ئەڭ تۆۋەن 4.5:1
ئۆتتى
AAA (WCAG 1.4.6): ئەڭ تۆۋەن 7:1
1.28 كۆپەرەك كېرەك
مەغلۇب

ئىشلىتىش بۆلەكلەرى ۋە گرافىكا

ئىكونكا، كىرگۈزۈش چەگراسى، دىقەت كۆرسەتكۈچ ۋە ئۈزلۈكسىز ئىشلىتىش ئۈچۈن كۆرۈلىشى كېرەك بولغان باشقا ئەزالار.

AA (WCAG 1.4.11): ئەڭ تۆۋەن 3:1
ئۆتتى

بۇ قانداق تەكشۈرۈلىدۇ

سېلىشتۇرۇلغان رەڭلەر (ئارىلاشتۇرغاندىن كېيىن): ماتېن #FFFFFF نىڭ #BB3344 ئۈستىدىكى كۆرۈنۈشى
نسبىي يورۇقلۇق: ماتېن 1.0000، ئارقىلىق 0.1334
فورمۇلا: (L1 + 0.05) / (L2 + 0.05) بۇ يەردە L1 يېقىن نۇرلۇق رەڭنىڭ يورۇقلۇقى، L2 تۆۋەن نۇرلۇق رەڭنىڭ يورۇقلۇقى.
نىسبىتىنىڭ تولۇق مەنىسى: 5.7221 تىن 1 غا, 5.72 تىن 1 غا كۆرسىتىلگەن. كۆرسىتىلگەن قىممەت كېسىلىدۇ، يۇمىلاقلانمايدۇ، شۇڭا ئۇ ھەرگىز ئەمەلىيەتتىكىدىن ياخشى كۆرۈنمەيدۇ. تەلەپ بىلەن سېلىشتۇرۇلىدىغىنى ئېنىق قىممەتتۇر.

تېكىست ئۆلچىمى: 16px, نورمال (400)

نورمال ماتىن دەپ ھېسابلىنىدۇ. چوڭ تېكىست ئەڭ ئاز 24px (18pt)، ياكى قېلىن بولغاندا (ئېغىرلىقى 700 ياكى ئۇنىڭدىن ئارتۇق) ئەڭ ئاز 18.67px (14pt) بولىدۇ. چوڭلۇقلار يۇمىلاقلانماي، كېسىلىپ كۆرسىتىلىدۇ.

كېرىتىرىيلار

تېكىست رەڭگى

ئارقا كۆرۈنۈش رەڭگى

ماتېن چوڭلۇقى (px)

خەت ئېغىرلىقى

ئالدىن كۆرۈش ماۋزۇسى

تېز قەھرىتان تۇلۇق ياتقان ئىتتىن ئاشتى

كىچىك تېكىست مىسال (12px)

تېكىست

#ffffff

كۆرۈنمە يۈزى

#bb3344

WCAG ئۆلچەملىرى

AA دەرىجىسى

ئادەتتىكى تېكىست ئۈچۈن 4.5:1 نىسبىتى ۋە چوڭ تېكىست ئۈچۈن 3:1 نىسبىتى. كۆپىنچە تور بېكەتلەر ئۈچۈن زۆرۈر.

AAA دەرىجىسى

ئادەتتىكى تېكىست ئۈچۈن 7:1 نىسبىتى ۋە چوڭ تېكىست ئۈچۈن 4.5:1 نىسبىتى. ئەڭ ياخشى زىيارەتچىلىك ئۈچۈن تەۋسىيە قىلىنىدۇ.

تېكىست ۋە ئارقا كۆرۈنۈش رەڭلىرىنىڭ قارشى تۇرۇش نىسبىتىنى ھېسابلاڭ.

تېكىست ۋە ئارقا كۆرۈنۈش رەڭلىرى ئۈچۈن رەڭ تاللىغۇچنى ئىشلىتىپ رەڭ تاللاڭ ياكى RGB ئون ئالتىلىق فورماتىدا رەڭ كىرگۈزۈڭ (مەسىلەن، #259 ياكى #2596BE). رەڭ تاللاش ئۈچۈن سىلغۇچنى تەڭشەشكە بولىدۇ. تور مەزمۇنى زىيارەتچىلىك نىسبىتى (WCAG) كۆرسەتمىسى كۆرسەتمە بىرىدۇ، بۇ كۆرسەتمە تېكىستنىڭ كۆرۈش قۇۋۋىتى چەكلەنگەن قوللانغۇچىلار ئۈچۈن ئوقۇشلۇق بولۇشىنى تەكشۈرۈش ئۈچۈن. بۇ ئۆلچەم رەڭ ئارىلاشمىسىنى سېلىشتۇرما نىسبەتلەرگە ماسلاشتۇرۇش ئۈچۈن ئالاھىدە ئالغورىتمنى ئىشلىتىدۇ. بۇ فورمۇلىدىن پايدىلىنىپ، WCAG 4.5:1 رەڭ قارشى تۇرۇش نىسبىتىنى ئادەتتىكى (مەزمۇن) تېكىست ۋە ئۇنىڭ ئارقا كۆرۈنۈشى بىلەن تەمىنلەيدۇ، چوڭ تېكىست (18+ pt ئادەتتىكى، ياكى 14+ pt قېلىن) ئەڭ ئاز 3:1 رەڭ قارشى تۇرۇش نىسبىتىگە ئىگە بولۇشى كېرەك.

ئاساسلىق ئالاھىدىلىكلەر

ۋاقىتلىق قارشى تۇرۇش نىسبىتىنى ھېسابلاش
WCAG AA ۋە AAA ماسلىشىشنى تەكشۈرۈش
HSL سۈرگۈچلىرىنى نازۇك تەڭشەش
كۆپ قېتىملىق ئالدىن كۆرۈش فورماتلىرى

ئىلغار قوراللار

ئاپتوماتىك رەڭنى توغرىلاش
تېكىست ۋە ئارقا كۆرۈنۈش ئەۋرىشكەلىرى
رەڭ نامىنى بايقاش
نەتىجىلەرنى ئېكسپورت قىلىش

كۆپ ئۇچرايدىغان سوئاللار

WCAG AA ماسلىشىشى ئۈچۈن ئادەتتىكى تېكىستكە ئەڭ تۆۋەن 4.5:1 قارشى تۇرۇش نىسبىتى كېرەك، چوڭ تېكىستكە (18pt ياكى قېلىن 14pt) بولسا 3:1 كېرەك.

WCAG AAA يۇقىرى قارشى تۇرۇش نىسبەتلىرىنى تەلەپ قىلىدۇ: ئادەتتىكى تېكىستكە 7:1، چوڭ تېكىستكە 4.5:1، AA ئۈچۈن بولسا ئايرىم-ئايرىم ھالدا 4.5:1 ۋە 3:1.

لايىھە مەقسىتىڭىزنى ساقلاپ، تېكىست ياكى ئارقا كۆرۈنۈش رەڭنى تەڭشەش ئۈچۈن ئاپتوماتىك توغرىلاش ئىقتىدارىمىزنى ئىشلىتىڭ، ياكى AA/AAA ماسلىشىشى ئۈچۈن ئەڭ ياخشى رايونلارنى كۆرسىتىدىغان كۆرۈنۈشلۈك كۆرسەتكۈچلىك HSL سىيرغۇچلار بىلەن رەڭلەرنى قولدا تەڭشەڭ.

يېشىل رايونلار ۋە AA/AAA بەلگىلىرى WCAG ماسلىشىشىغا يېتىش ئۈچۈن ئەڭ ياخشى دائىرىلەرنى كۆرسىتىدۇ. يېتەكلەش ئىشارەتلىرى (ئوچۇقراق/تۇنۇقراق) نۆۋەتتىكى رەڭ بىرىكمىڭىزگە ئاساسەن تېخىمۇ ياخشى قارشى تۇرۇشقا يېتەكلەيدۇ.

ھەئە، ھەر قانداق HEX رەڭ كودىنى كىرگۈزەلەيسىز ياكى ئۆز رەڭلىرىڭىزنى تاللاش ئۈچۈن رەڭ تاللىغۇچنى ئىشلەتەلەيسىز. URL ئاپتوماتىك يېڭىلىنىدۇ، شۇڭا مەلۇم رەڭ بىرىكمىلىرىنى ھەمبەھىرلىيەلەيسىز.