ຕົວກວດສອບຄວາມຄົມຊັດຂອງສີ

ກວດເບິ່ງດ້ານໜ້າ/ພື້ນຫຼັງທີ່ກົງກັນຂ້າມກັບ 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 ທີ່ມີການແຂ່ງຂັນຢູ່ໃນຫນ້າຂອງທ່ານ (ຣີເຊັດ, ສີທີ່ສືບທອດ). ສຳເນົາກົດລະບຽບທີ່ສ້າງຂຶ້ນໃສ່ແຜ່ນສະໄຕລ໌ທີ່ໂດດດ່ຽວກ່ອນ.

FAQ

ນີ້ອັບໂຫລດ CSS ຂອງຂ້ອຍບໍ?

ບໍ່. ເຄື່ອງສ້າງ ແລະຕົວແປງສັນຍານແລ່ນຢູ່ໃນບຣາວເຊີຂອງທ່ານດ້ວຍການເບິ່ງຕົວຢ່າງສົດໆ.

ຂ້ອຍຕ້ອງການບັນຊີບໍ?

ບໍ່. ເປີດເຄື່ອງມື, tweak ການຄວບຄຸມ, ແລະຄັດລອກ CSS.