ຂ້າມໄປຫາເນື້ອຫາຫຼັກ
LibraTool logoLibraTool

ຕົວຈຳລອງ Color Blindness ຟຣີ

ເບິ່ງ design ຂອງທ່ານໃຫ້ຄ້າຍຄຶ ຄົນທີ່ມີ color vision ບ່ຽງ. ຈຳລອງ protanopia, deuteranopia, tritanopia, achromatopsia ແລະ anomaly ເບົາ.

ເຮັດວຽກແບບອອບໄລນ໌ໄດ້ຫຼັງໂຫຼດແລ້ວ

ວາງໄຟລ໌ບ່ອນນີ້, ຫຼື ກົດເພື່ອເລືອກ

JPG, PNG, WebP, HEIC, HEIF · ປະມວນຜົນຢູ່ໃນອຸປະກອນຂອງທ່ານ

ຫຼືກົດ Ctrl+V ເພື່ອວາງຈາກຄລິບບອດ

ຊອກຫາໄຟລ໌

ໄຟລ໌ຂອງທ່ານບໍ່ເຄີຍອອກຈາກອຸປະກອນຂອງທ່ານ. ການປະມວນຜົນທັງໝົດເກີດຂຶ້ນຢູ່ໃນຕົວທ່ອງເວັບຂອງທ່ານ.

ອັບໂຫຼດດີໄຊ, infographic, ຫຼືຮູບພາບເພື່ອເບິ່ງວ່າມັນເຫັນແນວໃດສຳລັບຄົນທີ່ມີຄວາມບົກພ່ອງດ້ານການເຫັນສີ. ເໝາະໂດຍສະເພາະ: ນັກອອກແບບຕາຕະລາງ, ນັກອອກແບບ UX, ແລະການກວດສອບການເຂົ້າເຖິງ.

ການນຳໃຊ້ທົ່ວໄປ

  • ຕົວກວດສອບກາຟ ແລະ ກະສະນະສໍາລັບສີທີ່ບໍ່ເຫັນທົດສອບວາລະສາລວົນວຸ້ນວັດຖຸເພື່ອຮັບປະກັນວ່າມັນເຂົ້າໃຈໄດ້ສໍາລັບ ~8% ຂອງຜູ້ຊາຍທີ່ມີການສູນເສຍວົງຈອນສົມບູນ.
  • ກວດສອບ UI ອອກແບບສໍາລັບການເຂົ້າເຖິງກວດສອບຮູບພາບໜ້າ UI ຂອງຕົວອັກຂະລະຂອງທ່ານໃນລະບົບ CVD — ຮັບປະກັນວ່າສະມາຊິກສະຖານະທຸກຊະນິດສາມາດເບິ່ງຍັນສໍາລັບທັກສະ.
  • ທົດສອບການອອກແບບພິມສໍາລັບການເຂົ້າເຖິງສີໂປສເຕີ, ອິນໂຟກຣາຟິກ ແລະ ສື່ພິມທັງໝົດໄດ້ປະໂຫຍດຈາກການກວດ CVD ກ່ອນພິມ.
  • ຜູ້ຖ່າຍຮູບສີການສຶກສາຊ່າງພາບສາມາດໃຊ້ຕົວຈຳລອງເພື່ອເຂົ້າໃຈວ່າຜູ້ຊົມອາດຮັບຮູ້ສີໃນຜົນງານຂອງພວກເຂົາແນວໃດ.
  • ສອບສວນກ່ຽວກັບສີເບິ່ງວົງຈອນສາທິດໃຫ້ນັກຮຽນ, ນັກອອກແບບ ຫຼື ນັກພັດທະນາເຫັນວ່າ CVD ເບິ່ງຄືແນວໃດແທ້ໆ.

ມັນເຮັດວຽກແນວໃດ

Color vision deficiency (CVD) ຂະໂຫຍາຍໃຊ້ Brettel-Viénot color transformation matrices — ຂະໂຫຍາຍທີ່ໃຊ້ໃນ accessibility tools.

  1. 1
    ທ່ານຖໍາຮູບ
    ຮູບໄດ້ຖືກ loaded ເຂົ້າໃນ canvas browser. Pixels ໜາຍສໍາລັບ ປະສິດທິພາບ (max 1200 px longest edge).
  2. 2
    3×3 color transform ນຳໄປໃສ່ທຸກ pixel
    ແຕ່ລະ CVD ປະເພດ ສະເພາະ matrix. ສໍາລັບ deuteranopia (green-blind), red ແລະ green channels ຮັບກຳລັງ ວິທີ mimics ຄົນ ດ້ວຍ ແລະ S cones ຕາກະຈ້າຍ.
  3. 3
    ຣ໎ັກສ໎ໍາ image ສະແດງ ຂ້າງຕົ້ນ ບໍ່ໂຕຣັກ original
    ສະຫຼັບລະຫວ່າງປະເພດ CVD ເພື່ອເບິ່ງວ່າຮູບດຽວກັນເບິ່ງຄືແນວໃດສຳລັບຜູ້ຊາຍປະມານ 8% ທີ່ມີຄວາມບົກພ່ອງໃນການເບິ່ງເຫັນສີບາງຮູບແບບ.

ຮູບ browser. ແມ້ simulation ຄະນິດ ແລ່ນ locally CPU — ບໍ່ server, ບໍ່ API, ບໍ່ upload.

ເຄື່ອງມືທີ່ກ່ຽວຂ້ອງ

👁️

ແບບທົດສອບການເຫັນສີ

ເຮັດການກວດຄັດກອງການເຫັນສີດ້ວຍແຜ່ນ 15 ແຜ່ນທີ່ມີລາຍຈຸດສ້າງຂຶ້ນທັນທີ, ພິມຕົວເລກທີ່ທ່ານເຫັນ, ແລະ ໄດ້ຮັບສະຫຼຸບຢ່າງລະມັດລະວັງກ່ຽວກັບແນວໂນ້ມສີແດງ-ຂຽວ ຫຼື ສີຟ້າ-ເຫຼືອງ. ບໍ່ແມ່ນການວິນິດໄສ.

ລອງໃຊ້
🌓

ຕົວກວດ WCAG Color Contrast

ກວດວ່າສອງສີ ຕອບສະໜອງ WCAG AA ແລະ AAA ສຳລັບ accessibility. ຕົວຢ່າງ live ໃນຫຼາຍຂະໜາດ ພ້ອມຄຳແນະນຳ ເມື່ອ contrast ຕ່ຳ.

ລອງໃຊ້
📷

ທົດສອບເວັບແຄມ

ກວດສອບວ່າເວັບແຄມຂອງທ່ານເຮັດວຽກກ່ອນການໂທ — ຕົວຢ່າງສົດ, ຄວາມລະອຽດ ແລະ ອັດຕາເຟຣມຕົວຈິງ, ແລະ ພາບຖ່າຍທີ່ທ່ານດາວໂຫຼດໄດ້.

ລອງໃຊ້

ຄໍາຖາມທີ່ຖາມເລື້ອຍໆ