ឧបករណ៍ពិនិត្យកម្រិតពណ៌

ពិនិត្យផ្ទៃខាងមុខ/ផ្ទៃខាងក្រោយផ្ទុយគ្នានឹង WCAG AA និង AAA។ មើលបច្ចុប្បន្នភាពសមាមាត្រនៅពេលអ្នកជ្រើសរើសពណ៌។

Color Contrast Checker

Live

Foreground (text)

Background

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

ពិនិត្យផ្ទៃខាងមុខ/ផ្ទៃខាងក្រោយផ្ទុយនឹងគោលការណ៍ណែនាំរបស់ WCAG AA និង AAA ។
ដំណើរការនៅក្នុងកម្មវិធីរុករករបស់អ្នក។
ឥតគិតថ្លៃក្នុងការប្រើប្រាស់

របៀបប្រើ

ជ្រើសរើសអត្ថបទ (ផ្ទៃខាងមុខ) និងពណ៌ផ្ទៃខាងក្រោយ។
អានសមាមាត្រកម្រិតពណ៌ និងលទ្ធផល AA/AAA ។
កែតម្រូវរហូតដល់អ្នកឆ្លងផុតកម្រិតគោលដៅរបស់អ្នក។

How this tool works

ជ្រើសរើសអត្ថបទ (ផ្ទៃខាងមុខ) និងពណ៌ផ្ទៃខាងក្រោយ។
អានសមាមាត្រកម្រិតពណ៌ និងលទ្ធផល AA/AAA ។
កែតម្រូវរហូតដល់អ្នកឆ្លងផុតកម្រិតគោលដៅរបស់អ្នក។

Recommended settings

ប្រើជម្រើសលំនាំដើមជាមុនសិន បន្ទាប់មកកែតម្រូវប្រសិនបើចាំបាច់

Supported formats

Text / on-page input

File size and limits

ការមើលជាមុនពហុស្រទាប់ស្មុគស្មាញខ្លាំងអាចមានអារម្មណ៍យឺតជាងនៅលើទូរសព្ទចាស់ៗ។

Privacy

ម៉ាស៊ីនបង្កើតពណ៌ និង CSS ដំណើរការទាំងស្រុងនៅក្នុងកម្មវិធីរុករករបស់អ្នក។ ការមើលជាមុន និងការបម្លែងមិនដែលបង្ហោះរចនាប័ទ្មរបស់អ្នកទេ។

Common use cases

ប្រើកម្មវិធីពិនិត្យកម្រិតពណ៌នៅពេលណាដែលអ្នកត្រូវការ៖ ពិនិត្យមើលកម្រិតពណ៌ផ្ទៃខាងមុខ/ផ្ទៃខាងក្រោយប្រឆាំងនឹងគោលការណ៍ណែនាំរបស់ WCAG AA និង AAA ។

Troubleshooting

ការមើលជាមុនមើលទៅខុសគ្នាបន្ទាប់ពីបិទភ្ជាប់

ពិនិត្យមើល CSS ដែលប្រកួតប្រជែងនៅលើទំព័ររបស់អ្នក (កំណត់ឡើងវិញ ពណ៌ដែលបានទទួលមរតក)។ ចម្លងច្បាប់ដែលបានបង្កើតទៅក្នុងសន្លឹករចនាប័ទ្មដាច់ដោយឡែកជាមុនសិន។

សំណួរគេសួរញឹកញាប់

តើវាផ្ទុកឡើង CSS របស់ខ្ញុំទេ?

ទេ។ ម៉ាស៊ីនភ្លើង និងកម្មវិធីបម្លែងដំណើរការនៅក្នុងកម្មវិធីរុករកតាមអ៊ីនធឺណិតរបស់អ្នកជាមួយនឹងការមើលជាមុនផ្ទាល់។

តើខ្ញុំត្រូវការគណនីទេ?

ទេ។ បើកឧបករណ៍ កែប្រែការត្រួតពិនិត្យ និងចម្លង CSS ។