ເຂົ້າສູ່ລະບົບບັນຊີຂອງທ່ານ

ຍິນດີຕ້ອນຮັບກັບຄືນ

ເລືອກປະເພດລາຍການທີ່ຈະເພີ່ມໃສ່ຄໍເລັກຊັນນີ້

ສ້າງຄໍເລັກຊັນຂອງທ່ານສຳເລັດແລ້ວ

ຄໍເລັກຊັນນີ້ຈະມີຫຍັງແດ່?

ເພີ່ມຄໍເລັກຊັນເພື່ອຈັດລະບຽບລາຍການຂອງທ່ານ

ເພີ່ມລາຍການໃສ່ຄໍເລັກຊັນສຳເລັດແລ້ວ

ລຶບລາຍການອອກຈາກຄໍເລັກຊັນ

ສ້າງຄໍເລັກຊັນທໍາອິດຂອງທ່ານເພື່ອຈັດລະບຽບສີຂອງທ່ານ

ເພີ່ມສີ, palettes, ຫຼື gradients ໃສ່ຄໍເລັກຊັນນີ້

ເບິ່ງແລະຈັດການລາຍການຄໍເລັກຊັນ

ສາມສີຂອງ luminance ດຽວກັນແລະການອີ່ມຕົວທີ່ມີ hues ທີ່ຢູ່ຕິດກັນກ່ຽວກັບລໍ້ສີ, ຫ່າງ 30 ອົງສາ. ການຫັນປ່ຽນທີ່ລຽບງ່າຍ.

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

ໃຊ້ຄວາມຄົມຊັດ ແລະຮູບແບບພ້ອມກັບສີເພື່ອຖ່າຍທອດຂໍ້ມູນ.

ການອອກແບບທີ່ດີກວ່າ

ຕາບອດສີຟ້າ-ເຫຼືອງ (Tritanopia)

ລະຫັດສີ

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

ກວດເບິ່ງວ່າສີໃດນຶ່ງຖືກຮັບຮູ້ໂດຍຄົນທີ່ມີຕາບອດສີຕ່າງໆ ເພື່ອສ້າງການອອກແບບທີ່ເຂົ້າເຖິງໄດ້ຫຼາຍຂຶ້ນ. ຄວາມເຂົ້າໃຈກ່ຽວກັບການຮັບຮູ້ສີຈະຊ່ວຍໃຫ້ແນ່ໃຈວ່າເນື້ອຫາຂອງທ່ານສາມາດເຂົ້າເຖິງໄດ້ສໍາລັບທຸກຄົນ.

Gradient Maker

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

ສ້າງບັນຊີຟຣີເພື່ອຈຳລອງວິທີທີ່ສີປາກົດຕໍ່ກັບຄົນທີ່ມີຕາບອດສີປະເພດຕ່າງໆ.

ລົງທະບຽນເພື່ອເຂົ້າເຖິງ Blindness Simulator

ນີ້ແມ່ນວິທີທີ່ສີຈະປາກົດດ້ວຍການເບິ່ງເຫັນສີປົກກະຕິ.

ຕາບອດສີແດງ-ຂຽວ (Protanopia)

ເຄື່ອງມືການເຂົ້າເຖິງທີ່ກ່ຽວຂ້ອງ

8% ຂອງຜູ້ຊາຍແລະ 0.5% ຂອງແມ່ຍິງມີບາງຮູບແບບຂອງການຂາດວິໄສທັດສີ.

ຜົນກະທົບ

ເຄື່ອງຈຳລອງການຕາບອດ

ສົມບູນແບບຕາບອດສີ

ຕາບອດສີບາງສ່ວນ

Achromatomaly

Achromopsia

Deuteranomaly

Deuteranopia

Protanomaly

Protanopia

Tritanomaly

Tritanopia

ຕາບອດສີແດງສີຂຽວແມ່ນພົບເລື້ອຍທີ່ສຸດ, ຜົນກະທົບຕໍ່ການຮັບຮູ້ຂອງສີແດງແລະສີຂຽວ.

ປະເພດ

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

ເຄື່ອງມືການວິເຄາະສີຂັ້ນສູງຂອງພວກເຮົາໃຫ້ຄວາມເຂົ້າໃຈທີ່ສົມບູນແບບກ່ຽວກັບຄຸນສົມບັດສີ, ຄວາມກົມກຽວ ແລະຜົນກະທົບທາງຈິດໃຈ. ທີ່ສົມບູນແບບສໍາລັບນັກອອກແບບ, ນັກພັດທະນາ, ແລະນັກສິລະປິນທີ່ຊອກຫາຄວາມເຂົ້າໃຈດ້ານວິຊາການແລະຄວາມຮູ້ສຶກຂອງສີ.

ວິເຄາະຄວາມກົມກຽວກັນຂອງສີ, ຜົນກະທົບທາງຈິດໃຈ, ຂໍ້ມູນສະເພາະທາງດ້ານເຕັກນິກ ແລະຕົວວັດແທກການເຂົ້າຫາ. ຕັດສິນໃຈຢ່າງມີຂໍ້ມູນກ່ຽວກັບການໃຊ້ສີໃນໂຄງການຂອງທ່ານດ້ວຍຄວາມເຂົ້າໃຈທີ່ຂັບເຄື່ອນດ້ວຍຂໍ້ມູນ ແລະການນຳໃຊ້ທິດສະດີສີແບບມືອາຊີບ.

ຄວາມເຂົ້າໃຈການວິເຄາະສີ

ຄວາມເຂົ້າໃຈສີມືອາຊີບແລະຄວາມກົມກຽວກັນ

ສໍາເລັດການວິເຄາະສີ

ສີເຢັນ - ສະຫງົບແລະເປັນມືອາຊີບ

ວິເຄາະຄຸນສົມບັດສີດ້ວຍການວັດແທກຂັ້ນສູງລວມທັງອົງປະກອບສະເປກທຣາ, ຄວາມບໍລິສຸດຂອງສີ, ຜົນກະທົບ metamerism, ແລະລັກສະນະການຮັບຮູ້. ເຄື່ອງມືເຫຼົ່ານີ້ສະຫນອງຄວາມເຂົ້າໃຈເລິກເຊິ່ງກ່ຽວກັບພຶດຕິກໍາສີແລະຮູບລັກສະນະພາຍໃຕ້ເງື່ອນໄຂການເບິ່ງທີ່ແຕກຕ່າງກັນ.

ເປັນສິ່ງຈໍາເປັນສໍາລັບການສ້າງຕົວຕົນຂອງຍີ່ຫໍ້ທີ່ສອດຄ່ອງ, ຮັບປະກັນຄວາມກົມກຽວຂອງສີໃນການອອກແບບ, ແລະຮັກສາຄວາມສອດຄ່ອງໃນທົ່ວສື່ດິຈິຕອນແລະສິ່ງພິມ. ເຄື່ອງມືການວິເຄາະສີຂອງພວກເຮົາໃຫ້ຄວາມເຂົ້າໃຈທີ່ສົມບູນແບບສໍາລັບນັກອອກແບບມືອາຊີບ.

ການອອກແບບ ແລະການສ້າງຍີ່ຫໍ້

ສ້າງຮູບແບບສີທີ່ສົມບູນ, triadic, ແລະຄ້າຍຄືກັນໂດຍອີງໃສ່ຄວາມສໍາພັນຂອງລໍ້ສີ

ສີປະສົມກົມກຽວ

ສ້າງບັນຊີຟຣີເພື່ອເບິ່ງການວິເຄາະສີທີ່ສົມບູນແບບແລະການວັດແທກ.

ລົງທະບຽນເພື່ອເຂົ້າເຖິງການວິເຄາະສີ

ເຂົ້າໃຈຈິດໃຈສີແລະຜົນກະທົບທາງດ້ານຈິດໃຈສໍາລັບການໂຄສະນາການຕະຫຼາດ. ວິເຄາະວ່າສີມີອິດທິພົນຕໍ່ພຶດຕິກໍາຂອງຜູ້ໃຊ້ແລະອັດຕາການປ່ຽນແປງໃນຍຸດທະສາດການຕະຫຼາດດິຈິຕອນແນວໃດ.

ການຕະຫຼາດ & ຈິດຕະວິທະຍາ

ເຂົ້າເຖິງລາຍລະອຽດສີສະເພາະລວມທັງຄ່າ RGB, HSL, LAB ແລະການຄິດໄລ່ຄວາມສະຫວ່າງ

ຕົວຊີ້ວັດດ້ານວິຊາການ

ອຸນຫະພູມທີ່ເປັນກາງ - ສົມດູນ

Palette Generator

ເຂົ້າໃຈວິທີທີ່ສີປາກົດພາຍໃຕ້ສະພາບແສງສະຫວ່າງທີ່ແຕກຕ່າງກັນແລະຕໍ່ຜູ້ຊົມຕ່າງໆ

ການຮັບຮູ້ທາງສາຍຕາ

ສີສັນປາກົດແນວໃດຕໍ່ກັບວິໄສທັດຂອງມະນຸດ, ລວມທັງຄວາມບໍລິສຸດ, ຄວາມເດັ່ນ, ແລະຄວາມສະຫວ່າງທີ່ຮັບຮູ້ໄດ້.

ຄຸນສົມບັດການຮັບຮູ້

ຄໍາຮ້ອງສະຫມັກການວິເຄາະສີມືອາຊີບ

ສຳຫຼວດສະມາຄົມທາງດ້ານອາລົມ ແລະຈິດຕະວິທະຍາທີ່ມີອິດທິພົນຕໍ່ພຶດຕິກຳ ແລະຄວາມເຂົ້າໃຈຂອງຜູ້ໃຊ້

ຈິດຕະວິທະຍາສີ

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

ການວັດແທກສີທີ່ຊັດເຈນໂດຍອີງໃສ່ colorimetry ແລະການວິເຄາະ spectral ສໍາລັບຄໍາຮ້ອງສະຫມັກດ້ານວິຊາການ.

ການວິເຄາະທາງວິທະຍາສາດ

ການວິເຄາະສີ

ສີທີ່ອົບອຸ່ນ - ແຂງແຮງແລະເຊື້ອເຊີນ

ວິເຄາະສີສໍາລັບການປະຕິບັດຕາມການເຂົ້າຫາເວັບ, ສ້າງລະຫັດສີ CSS, ແລະຮັບປະກັນການອ່ານທີ່ດີທີ່ສຸດ. ທີ່ສົມບູນແບບສໍາລັບນັກພັດທະນາ frontend ສຸມໃສ່ປະສົບການຂອງຜູ້ໃຊ້ແລະຄໍາແນະນໍາ WCAG.

ການພັດທະນາເວັບ

ການປະສົມກົມກຽວແຕ່ລະຄົນມີອາລົມຂອງຕົນເອງ. ໃຊ້ຄວາມກົມກຽວກັນເພື່ອລະດົມຄວາມຄິດຂອງຄອມໂບສີທີ່ເຮັດວຽກຮ່ວມກັນໄດ້ດີ.

ໃຊ້ສີໜຶ່ງເດັ່ນ, ຮອງຮັບຮອງ, ແລະສຳນຽງເລັກນ້ອຍ.

ຮັບປະກັນຄວາມຄົມຊັດທີ່ພຽງພໍສໍາລັບການອ່ານ ແລະການເຂົ້າເຖິງ.

ສີຄວນເຮັດວຽກຮ່ວມກັນເພື່ອສ້າງປະສົບການການເບິ່ງເຫັນທີ່ເປັນເອກະພາບ.

ຫຼັກການທິດສະດີສີ

ສີແລະກົງກັນຂ້າມຂອງມັນຢູ່ໃນລໍ້ສີ, +180 ອົງສາຂອງ hue. ກົງກັນຂ້າມສູງ.

ຄວາມໝາຍຂອງສີແຕກຕ່າງກັນໄປທົ່ວທຸກວັດທະນະທຳ, ມີຄວາມສຳຄັນທາງສັນຍະລັກທີ່ແຕກຕ່າງກັນໃນທົ່ວໂລກ.

ວັດທະນະທໍາ

ສຳຫຼວດຂະໜາດສິລະປະ ແລະຈິດຕະວິທະຍາຂອງສີ ຮວມເຖິງສະມາຄົມຕາມລະດູການ, ຜົນກະທົບທາງອາລົມ, ປະກົດການທຳມະຊາດ, ເມັດສີໃນປະຫວັດສາດ ແລະສູດການປະສົມສີສຳລັບການນຳໃຊ້ທີ່ສ້າງສັນ.

ສ້າງບັນຊີຟຣີເພື່ອສຳຫຼວດຂະໜາດສີທີ່ສ້າງສັນ ແລະສິລະປະ.

ລົງທະບຽນເພື່ອເຂົ້າເຖິງລັກສະນະສ້າງສັນ

ການປະກົດຕົວຂອງສີທໍາມະຊາດສ້າງແຮງບັນດານໃຈໃນການອອກແບບແລະເຊື່ອມຕໍ່ພວກເຮົາກັບສະພາບແວດລ້ອມ.

ທໍາມະຊາດ

ສີມີອິດທິພົນຕໍ່ອາລົມແລະພຶດຕິກໍາໂດຍຜ່ານສະມາຄົມທາງຈິດໃຈທີ່ພັດທະນາໃນໄລຍະເວລາ.

ຈິດຕະວິທະຍາ

ລັກສະນະສ້າງສັນ

ຄລິກໃສ່ສີໃດນຶ່ງເພື່ອສຳເນົາຄ່າ hex ຂອງມັນ. ການປະສົມເຫຼົ່ານີ້ໄດ້ຖືກພິສູດທາງຄະນິດສາດເພື່ອສ້າງຄວາມກົມກຽວທາງດ້ານສາຍຕາ.

ການປະສົມກົມກຽວຂອງສີສ້າງຄວາມສົມດຸນແລະເຮັດໃຫ້ເກີດຄວາມຮູ້ສຶກສະເພາະໃນການອອກແບບຂອງທ່ານ.

ໄດ້ຮັບຂໍ້ມູນສີທີ່ເປັນປະໂຫຍດກ່ຽວກັບສີ 123456 ເຊັ່ນ: ການແປງ, ການປະສົມ, ການຈໍາລອງການຕາບອດ ແລະອື່ນໆອີກ.

ຕົວເລືອກສີ HTML: 123456

ສາມສີຂອງ hue ດຽວກັນກັບຄ່າ luminance +/-50%. ລະ​ອຽດ​ອ່ອນ​ແລະ​ປັບ​ປຸງ​.

ສີຢູ່ປາຍຍອດ, ການເຂົ້າລະຫັດໄບຕ໌, ແລະຮູບແບບຂໍ້ມູນສຳລັບການນຳໃຊ້ໂປຣແກຣມ.

ການພັດທະນາ

ແປງສີເປັນຮູບແບບການປະຕິບັດສໍາລັບຄໍາຮ້ອງສະຫມັກໃນໂລກທີ່ແທ້ຈິງລວມທັງການຈໍາລອງການພິມ, ຈໍສະແດງຜົນ LED, ຜົນຜະລິດຢູ່ປາຍຍອດ, ແລະການເຂົ້າລະຫັດຂໍ້ມູນ. ຮູບແບບເຫຼົ່ານີ້ຊ່ວຍໃຫ້ທ່ານປະຕິບັດສີໃນທົ່ວສື່, ເວທີ, ແລະອຸປະກອນທາງດ້ານຮ່າງກາຍທີ່ແຕກຕ່າງກັນ.

ຄວບຄຸມແຖບ LED, ແສງ RGB, ແລະຮາດແວສະແດງດ້ວຍຄ່າທີ່ຊັດເຈນ.

ຈໍສະແດງຜົນດິຈິຕອນ

ສ້າງບັນຊີຟຣີເພື່ອເບິ່ງ ແລະຄັດລອກຄ່າຮູບແບບສີທີ່ໃຊ້ໄດ້ທັງໝົດ.

ລົງທະບຽນເພື່ອເຂົ້າເຖິງຮູບແບບການປະຕິບັດ

ຈໍາລອງວ່າສີປາກົດແນວໃດເມື່ອພິມດ້ວຍຫມຶກ CMYK ໃນສື່ຕົວຈິງ.

ການພິມ ແລະການຜະລິດ

ຮູບແບບການປະຕິບັດ

ໄດ້​ຮັບ​ການ​ເຂົ້າ​ເຖິງ​ທັນ​ທີ​ການ​ປ່ຽນ​ຮູບ​ແບບ​ສີ​ທັງ​ຫມົດ​ສໍາ​ລັບ​ໂຄງ​ການ​ຂອງ​ທ່ານ​.

ເຂົ້າເຖິງຮູບແບບການປະຕິບັດທັງຫມົດ

ການປ່ຽນແປງທີ່ຊ້ໍາກວ່າທີ່ສ້າງຂຶ້ນໂດຍການເພີ່ມສີດໍາໃສ່ສີພື້ນຖານຂອງທ່ານ.

A ສີແລະສອງທີ່ຢູ່ຕິດກັນກັບສ່ວນເສີມຂອງມັນ, +/-30 ອົງສາຂອງ hue ຈາກຄ່າກົງກັນຂ້າມກັບສີຕົ້ນຕໍ. ກ້າຫານຄືກັບການເສີມຊື່, ແຕ່ມີຄວາມຫຼາກຫຼາຍກວ່າ.

ຂອບເຂດສີທີ່ກວ້າງຂຶ້ນ

ສຳຫຼວດການເປັນຕົວແທນຂອງພື້ນທີ່ສີຂັ້ນສູງ ແລະຮູບແບບສີແບບມືອາຊີບທີ່ໃຊ້ໃນການຜະລິດວິດີໂອ, ການຖ່າຍຮູບ, ການນຳໃຊ້ວິທະຍາສາດ ແລະລະບົບການຈັດການສີ. ຮູບແບບດ້ານວິຊາການເຫຼົ່ານີ້ສະຫນອງສີທີ່ຊັດເຈນສໍາລັບອຸດສາຫະກໍາແລະຄໍາຮ້ອງສະຫມັກພິເສດ.

ຂະບວນການເຮັດວຽກແບບມືອາຊີບຕ້ອງການຮູບແບບສີສະເພາະສໍາລັບຄວາມສອດຄ່ອງໃນທົ່ວອຸປະກອນແລະສື່.

ມາດຕະຖານອຸດສາຫະກໍາ

ສ້າງບັນຊີຟຣີເພື່ອເບິ່ງແລະຄັດລອກຄ່າຮູບແບບສີດ້ານວິຊາການທັງຫມົດ.

ລົງທະບຽນເພື່ອເຂົ້າເຖິງຮູບແບບດ້ານວິຊາການ

ການຖ່າຍຮູບມືອາຊີບ

ຮູບແບບດ້ານວິຊາການ

ໄດ້​ຮັບ​ການ​ເຂົ້າ​ເຖິງ​ທັນ​ທີ​ເພື່ອ 10+ ຮູບ​ແບບ​ສີ​ມື​ອາ​ຊີບ​ທີ່​ມີ​ການ​ປ່ຽນ​ແປງ​ທີ່​ຊັດ​ເຈນ​ແລະ​ຄໍາ​ອະ​ທິ​ບາຍ​ລະ​ອຽດ​.

ປົດລັອກທຸກຮູບແບບດ້ານວິຊາການ

ພື້ນທີ່ສີທີ່ແຕກຕ່າງກັນໄດ້ຖືກປັບປຸງໃຫ້ເຫມາະສົມສໍາລັບຈຸດປະສົງສະເພາະ - ຈາກການສ້າງສີທີ່ຖືກຕ້ອງກັບການບີບອັດຂໍ້ມູນທີ່ມີປະສິດທິພາບ.

ເປັນຫຍັງຕ້ອງໃຊ້ຮູບແບບເຕັກນິກ

ວິດີໂອ/ອອກອາກາດ PAL

ສອງຊຸດຂອງສີທີ່ສົມບູນ, ແຍກອອກໂດຍ 60 ອົງສາຂອງ hue.

ການປ່ຽນແປງທີ່ອ່ອນກວ່າທີ່ສ້າງຂຶ້ນໂດຍການເພີ່ມສີຂາວໃສ່ສີພື້ນຖານຂອງທ່ານ.

ສາມສີໃຫ້ຫ່າງກັນຕາມວົງລໍ້ສີ, ແຕ່ລະສີຫ່າງກັນ 120 ອົງສາ. ດີທີ່ສຸດທີ່ຈະອະນຸຍາດໃຫ້ສີຫນຶ່ງຄອບງໍາແລະໃຊ້ອື່ນໆເປັນສໍານຽງ.

ຈຸດ​ປະ​ສົງ​ຂອງ​ພາກ​ນີ້​ແມ່ນ​ເພື່ອ​ຜະ​ລິດ​ໄດ້​ຢ່າງ​ຖືກ​ຕ້ອງ tints (ເພີ່ມ​ສີ​ຂາວ​ບໍ​ລິ​ສຸດ​) ແລະ​ຮົ່ມ (ເພີ່ມ​ສີ​ດໍາ​ອັນ​ບໍ​ລິ​ສຸດ​) ຂອງ​ສີ​ທີ່​ເລືອກ​ຂອງ​ທ່ານ​ໃນ 10​% incremented​.

ການປ່ຽນແປງເຫຼົ່ານີ້ເປັນພື້ນຖານຂອງ palette ສີທີ່ສອດຄ່ອງ. ສົ່ງອອກພວກມັນເພື່ອຮັກສາຄວາມສອດຄ່ອງໃນທົ່ວໂຄງການທັງຫມົດຂອງທ່ານ.

ໃຊ້ບ່ອນທີ່ມີຮົ່ມສຳລັບການເລື່ອນລັດ ແລະເງົາ, ສີສຳລັບໄຮໄລ້ ແລະພື້ນຫຼັງ.

ຊື່

ຕິດຕໍ່ພວກເຮົາ

ປັບຕົວເລື່ອນເພື່ອປັບປຸງຄວາມຄົມຊັດຂອງຂໍ້ຄວາມເພື່ອໃຫ້ສາມາດອ່ານໄດ້ດີຂຶ້ນ

ນີ້ແມ່ນຂໍ້ຄວາມປົກກະຕິ. ໝາແມວສີນ້ຳຕານໄວໂດດຂ້າມໝາຂີ້ຄ້ານ.

ເລືອກສີໂດຍໃຊ້ຕົວເລືອກສີສຳລັບຂໍ້ຄວາມ ແລະສີພື້ນຫຼັງ ຫຼືໃສ່ສີໃນຮູບແບບ RGB hexadecimal (ເຊັ່ນ: #259 ຫຼື #2596BE). ທ່ານສາມາດປັບຕົວເລື່ອນເພື່ອເລືອກສີ. ຂໍ້ແນະນຳການຊ່ວຍເຂົ້າເຖິງເນື້ອຫາເວັບ (WCAG) ມີຂໍ້ແນະນຳສະເພາະເພື່ອຊ່ວຍຊອກຫາວ່າຂໍ້ຄວາມສາມາດອ່ານໄດ້ສຳລັບຜູ້ໃຊ້ທີ່ເຫັນຫຼືບໍ່. ເງື່ອນໄຂນີ້ໃຊ້ສູດການຄິດໄລ່ສະເພາະເພື່ອວາງແຜນການປະສົມສີເປັນອັດຕາສ່ວນປຽບທຽບ. ການນໍາໃຊ້ສູດນີ້, WCAG ລະບຸວ່າອັດຕາສ່ວນສີ 4.5: 1 ກັບຂໍ້ຄວາມແລະພື້ນຫລັງຂອງມັນແມ່ນພຽງພໍສໍາລັບຂໍ້ຄວາມປົກກະຕິ (ຮ່າງກາຍ), ແລະຂໍ້ຄວາມຂະຫນາດໃຫຍ່ (18+ pt ປົກກະຕິ, ຫຼື 14+ pt bold) ຄວນມີຢ່າງຫນ້ອຍ 3: 1 ອັດຕາສ່ວນຄວາມຄົມຊັດຂອງສີ.

ທົດສອບການປະສົມສີເພື່ອຮັບປະກັນວ່າພວກມັນຕອບສະໜອງໄດ້ມາດຕະຖານການເຂົ້າເຖິງ WCAG ສຳລັບການອ່ານຂໍ້ຄວາມ.

ແກ້ໄຂຂໍ້ຄວາມ (AA)

ແກ້ໄຂຂໍ້ຄວາມ (AAA)

ຕົວກວດສອບຄວາມຄົມຊັດຂອງສີ: ດ້ວຍເຄື່ອງມືອອນໄລນ໌ນີ້ເຈົ້າສາມາດໄດ້ຮັບລາຍລະອຽດກ່ຽວກັບອັດຕາສ່ວນຄວາມຄົມຊັດຂອງຂໍ້ຄວາມ ແລະສີພື້ນຫຼັງ 123456. 

 ເຄື່ອງກວດຄວາມຄົມຊັດຂອງສີ: 123456

ອັນນີ້ສະແດງວ່າສີມີລັກສະນະແນວໃດເມື່ອປີ້ນກັບ, ມີປະໂຫຍດສຳລັບໂໝດມືດ/ແສງ.

ຂໍ້ຄວາມຂະຫນາດໃຫຍ່

ນີ້ແມ່ນຕົວຢ່າງຂໍ້ຄວາມທີ່ມີ a

ລິ້ງທີ່ຄລິກໄດ້

ຂໍ້ຄວາມປົກກະຕິ

ຕົວຢ່າງຂໍ້ຄວາມຂະຫນາດນ້ອຍ (12px)

ໝາແມວສີນ້ຳຕານໄວໂດດຂ້າມໝາຂີ້ຄ້ານ

ຕົວຢ່າງຊື່

ຣີເຊັດການປັບແຕ່ງຂໍ້ຄວາມ

ນີ້ແມ່ນຂໍ້ຄວາມນ້ອຍໆເພື່ອທົດສອບຄວາມສາມາດໃນການອ່ານ.

ຂໍ້ຄວາມຕົວຢ່າງ

ຂໍ້ຄວາມຂະຫນາດນ້ອຍ

ນີ້ແມ່ນຂໍ້ຄວາມນ້ອຍໆທີ່ຍັງສາມາດອ່ານໄດ້.

ສະໝັກໄດ້ຟຣີເພື່ອເຂົ້າເຖິງ 5 ຄຳແນະນຳສີອັດສະລິຍະທີ່ຮັກສາຄວາມສົດຊື່ນ ໃນຂະນະທີ່ບັນລຸມາດຕະຖານການເຂົ້າເຖິງ WCAG.

ປົດລັອກການແນະນຳສີອັດສະລິຍະ

ປັບປຸງອັດຕາສ່ວນຄວາມຄົມຊັດຂອງ 7:1 ສໍາລັບຂໍ້ຄວາມປົກກະຕິ ແລະ 4.5:1 ສໍາລັບຂໍ້ຄວາມຂະຫນາດໃຫຍ່. ແນະນຳສຳລັບການເຂົ້າເຖິງທີ່ດີທີ່ສຸດ.

ອັດຕາສ່ວນຄວາມຄົມຊັດຕໍ່າສຸດຂອງ 4.5:1 ສໍາລັບຂໍ້ຄວາມປົກກະຕິ ແລະ 3:1 ສໍາລັບຂໍ້ຄວາມຂະຫນາດໃຫຍ່. ຕ້ອງການສໍາລັບເວັບໄຊທ໌ສ່ວນໃຫຍ່.

ລະດັບການປະຕິບັດຕາມ WCAG

ຂໍ້ແນະນຳ WCAG ຮັບປະກັນວ່າເນື້ອຫາຂອງທ່ານສາມາດເຂົ້າເຖິງໄດ້ໂດຍຜູ້ໃຊ້ທີ່ມີຄວາມບົກຜ່ອງທາງສາຍຕາ.

ມາດຕະຖານ WCAG

ຮອດຈຳນວນສູງສຸດ 10 ສີແລ້ວ

ຮອດຈຳນວນຂັ້ນຕ່ຳ 4 ສີແລ້ວ

ຕ້ອງເອົາໃຈໃສ່

ເພື່ອໃຊ້ຄຸນສົມບັດນີ້, ທ່ານ ຈຳ ເປັນຕ້ອງສ້າງບັນຊີຕົວເລືອກຮູບພາບທີ່ບໍ່ເສຍຄ່າ. ທ່ານຈະໄດ້ເຂົ້າເຖິງຟັງຊັນເພີ່ມເຕີມຫຼັງຈາກນັ້ນ.

ສ້າງ Palette ໃໝ່

ຈັດການ palettes ແລະ gradients ທີ່ບັນທຶກໄວ້ຂອງທ່ານ

ເບິ່ງ​ແລະ​ຈັດ​ການ gradients ບັນ​ທຶກ​ໄວ້​ຂອງ​ທ່ານ​

Gradients ຂອງ​ທ່ານ​

ເບິ່ງແລະຈັດການ palettes ສີທີ່ບັນທຶກໄວ້ຂອງທ່ານ

Palettes ຂອງ​ທ່ານ​

ແຜງໜ້າປັດ

ແກ້ໄຂ Palette ຂອງທ່ານ

ສ້າງ gradients ທີ່ສວຍງາມດ້ວຍ Gradient Maker ຈາກ imagecolorpicker.com. ເລືອກຈາກ gradients ເສັ້ນແລະ radial, ເພີ່ມຫຼາຍສີ, rotate gradient, ບັນທຶກແລະແບ່ງປັນການສ້າງຂອງທ່ານ. ດາວໂຫລດລະຫັດ CSS ໂດຍກົງແລະປະສົມປະສານ gradients ຂອງທ່ານເຂົ້າໄປໃນໂຄງການຂອງທ່ານ.

ສ້າງ gradients ທີ່ສວຍງາມດ້ວຍ Gradient Maker ຈາກ imagecolorpicker.com. ເລືອກຈາກ gradients ເສັ້ນແລະ radial, ເພີ່ມຫຼາຍສີ, rotate gradient, ຊ່ວຍປະຢັດແລະແບ່ງປັນການສ້າງຂອງທ່ານ. ດາວໂຫລດລະຫັດ CSS ໂດຍກົງແລະປະສົມປະສານການ gradients ຂອງທ່ານເຂົ້າໄປໃນໂຄງການຂອງທ່ານ.

ແກ້ໄຂ Gradient ຂອງທ່ານ

ຕ້ອງໃຊ້ຊື່ແບບສີ

Gradient Maker - ສ້າງ Gradient Linear ແລະ Radial ທີ່ສວຍງາມ | imagecolorpicker.com

Gradient

ສ້າງລະຫັດສີ, ການປ່ຽນແປງ, ຄວາມກົມກຽວ, ແລະກວດເບິ່ງອັດຕາສ່ວນກົງກັນຂ້າມ.

ຕົວສ້າງລະຫັດສີ ແລະຕົວເລືອກ

ສ້າງ gradients ທີ່ສວຍງາມດ້ວຍຄວາມສະດວກສະບາຍ - ປັບແຕ່ງສີ, ທິດທາງ, ແລະສົ່ງອອກການສ້າງຂອງທ່ານ.

ການ​ຄຸ້ມ​ຄອງ​ແລະ​ຈັດ​ຕັ້ງ palettes ສີ favorite ຂອງ​ທ່ານ​.

palettes ບັນທຶກຂອງທ່ານ

ເບິ່ງ​ແລະ​ສໍາ​ຫຼວດ​ການ​ສີ​ທີ່​ແບ່ງ​ປັນ​ນີ້​.

ແບ່ງ Gradient

ເບິ່ງ ແລະສຳຫຼວດ palette ທີ່ແບ່ງປັນນີ້.

ແບ່ງປັນ Palette

ພວກເຮົາສັງເກດເຫັນວ່າທ່ານກໍາລັງໃຊ້ຕົວບລັອກໂຄສະນາ. ບໍ່ເປັນຫຍັງ! ທ່ານສາມາດສະໜັບສະໜຸນພວກເຮົາດ້ວຍການບໍລິຈາກເລັກໆນ້ອຍໆເພື່ອຮັກສາເຄື່ອງມືນີ້ໃຫ້ກັບຜູ້ໃຊ້ຫຼາຍລ້ານຄົນ. ທຸກໆກາເຟຊ່ວຍພວກເຮົາຮັກສາແລະປັບປຸງການບໍລິການ.

ກວດພົບຕົວບລັອກໂຄສະນາ - ສະໜັບສະໜູນພວກເຮົາດ້ວຍກາເຟແທນ!

 ໃຊ້ຕົວເລືອກສີຮູບພາບອອນໄລນ໌ຂ້າງເທິງເພື່ອເລືອກສີ ແລະຮັບລະຫັດສີ HTML ຂອງ pixels ລວງນີ້. ນອກຈາກນັ້ນ, ທ່ານໄດ້ຮັບລະຫັດສີ HEX, ຄ່າ RGB ແລະຄ່າ HSV. ພາຍໃຕ້ 'ໃຊ້ຮູບພາບຂອງເຈົ້າ' ທ່ານສາມາດອັບໂຫລດຮູບພາບຂອງເຈົ້າເອງ (ຕົວຢ່າງຮູບໜ້າຈໍຂອງເດັສທັອບຂອງເຈົ້າ), ວາງຮູບຈາກຄລິບບອດ, ໃສ່ url ຮູບໃນກ່ອງຂໍ້ຄວາມຂ້າງລຸ່ມນີ້. ຫຼືໃຊ້ url ເວັບໄຊທ໌, ທ່ານຈະເຫັນຮູບຫຍໍ້ຢູ່ເບື້ອງຊ້າຍ.

ວາງໄຟລ໌ຮູບພາບເພື່ອອັບໂຫລດ. ຮູບແບບທີ່ຮອງຮັບ: PNG, JPG, JPEG.

ອັບໂຫຼດຮູບພາບ

ຕົວເລືອກສີ: ດ້ວຍເຄື່ອງມືອອນໄລນ໌ນີ້, ທ່ານສາມາດອັບໂຫລດຮູບພາບຫຼືສະຫນອງ URL ເວັບໄຊທ໌ແລະໄດ້ຮັບລະຫັດສີ RGB, ສີ HEX ແລະລະຫັດສີ HSL. 👍

👍 ເລືອກສີອອນໄລນ໌ | ຕົວເລືອກສີ HEX | ຕົວເລືອກສີ HTML

ຖ້າທ່ານຢູ່ໃນ Mac ຫຼືຄອມພິວເຕີທີ່ມີລະບົບປະຕິບັດການແລະຕົວທ່ອງເວັບໃນປະຈຸບັນ, ຫຼັງຈາກນັ້ນທ່ານສາມາດນໍາໃຊ້ຄຸນນະສົມບັດ. Safari, Edge, Firefox ແລະ Chrome ໄດ້ຮັບການທົດສອບໂດຍພວກເຮົາ. ລັກສະນະອາດຈະແຕກຕ່າງກັນເລັກນ້ອຍ.

ທ່ານ​ສາ​ມາດ​ໃຊ້​ຄຸນ​ສົມ​ບັດ​ນີ້ 3 ຄັ້ງ​ຟຣີ​, ຫຼັງ​ຈາກ​ນັ້ນ​ເບິ່ງ​ການ​ໂຄ​ສະ​ນາ​ໄວ​ສໍາ​ລັບ​ການ​ນໍາ​ໃຊ້​ອີກ 3 ຄັ້ງ​. ການຊ່ວຍເຫຼືອຂອງທ່ານຊ່ວຍໃຫ້ພວກເຮົາຮັກສາເຄື່ອງມືນີ້ໃຫ້ຟຣີສໍາລັບຜູ້ໃຊ້ 3+ ລ້ານຄົນທົ່ວໂລກ.

ເບິ່ງໂຄສະນາ 15 ວິນາທີເພື່ອສືບຕໍ່ໃຊ້ມັນຟຣີ

ທ່ານໃຊ້ຄຸນສົມບັດນີ້ 3 ຄັ້ງແລ້ວ!

ຄົ້ນຫາຮູບພາບຜ່ານ pexels

ສ້າງບັນຊີຟຣີເພື່ອຂ້າມໂຄສະນາໄດ້ທຸກເວລາ

ImageColorPicker.com

ຕິດຕໍ່ພວກເຮົາ