ImageColorPicker.com

    #FF69B4 · ໂປຣແກຣມສ້າງ ແລະ ຕົວເລືອກລະຫັດສີ

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

    ການປ່ຽນສີ

    HEX

    #ff69b4

    HEX
    #ff69b4
    HSL
    330, 100, 71
    RGB
    255, 105, 180
    XYZ
    55, 35, 47
    CMYK
    0, 59, 29, 0
    LUV
    65,108,-23
    LAB
    65, 64, -11
    HWB
    330, 41, 0

    ການປ່ຽນແປງ

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

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

    ຮົ່ມ

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

    ທາສີ

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

    ກໍລະນີທີ່ໃຊ້ທົ່ວໄປ

    • • ອົງປະກອບ UI ລະບຸ (ເລື່ອນ, ເຄື່ອນໄຫວ, ປິດໃຊ້ງານ)
    • • ສ້າງຄວາມເລິກດ້ວຍເງົາ ແລະຈຸດເດັ່ນ
    • • ການກໍ່ສ້າງລະບົບສີທີ່ສອດຄ່ອງ

    ຄໍາແນະນໍາລະບົບການອອກແບບ

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

    ການປະສົມສີ

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

    ວິທີການນໍາໃຊ້

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

    ເປັນຫຍັງມັນຈຶ່ງສຳຄັນ

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

    ເສີມ

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

    #ff69b4
    ດີທີ່ສຸດສໍາລັບ: ການອອກແບບທີ່ມີຜົນກະທົບສູງ, CTAs, ໂລໂກ້

    ແຍກ-ເສີມ

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

    ດີທີ່ສຸດສໍາລັບ: ຮູບແບບທີ່ສົດຊື່ນ ແຕ່ສົມດູນ

    Triadic

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

    ດີທີ່ສຸດສໍາລັບ: ການ​ອອກ​ແບບ​ທີ່​ຫຼິ້ນ​, ມີ​ພະ​ລັງ​ງານ​

    ອະນາລັກ

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

    ດີທີ່ສຸດສໍາລັບ: ການໂຕ້ຕອບແບບທໍາມະຊາດ, ການດົນໃຈ, ສະຫງົບ

    monochromatic

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

    ດີທີ່ສຸດສໍາລັບ: ການ​ອອກ​ແບບ minimalist​, ຊັບ​ຊ້ອນ​

    Tetradic

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

    ດີທີ່ສຸດສໍາລັບ: ລະບົບສີທີ່ອຸດົມສົມບູນ, ຫຼາກຫຼາຍຊະນິດ

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

    ຍອດເງິນ

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

    ກົງກັນຂ້າມ

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

    ຄວາມສາມັກຄີ

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

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

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

    ສີຂໍ້ຄວາມ
    ສີພື້ນຫຼັງ
    ກົງກັນຂ້າມ
    1.00
    Fail
    ທຸກ​ຍາກ​ຫຼາຍ
    ຂໍ້ຄວາມຂະຫນາດນ້ອຍ
    ✖︎
    ຂໍ້ຄວາມໃຫຍ່
    ✖︎
    ມາດຕະຖານ WCAG
    AA:ອັດຕາສ່ວນຄວາມຄົມຊັດຕໍ່າສຸດຂອງ 4.5:1 ສໍາລັບຂໍ້ຄວາມປົກກະຕິ ແລະ 3:1 ສໍາລັບຂໍ້ຄວາມຂະຫນາດໃຫຍ່. ຕ້ອງການສໍາລັບເວັບໄຊທ໌ສ່ວນໃຫຍ່.
    AAA:ປັບປຸງອັດຕາສ່ວນຄວາມຄົມຊັດຂອງ 7:1 ສໍາລັບຂໍ້ຄວາມປົກກະຕິ ແລະ 4.5:1 ສໍາລັບຂໍ້ຄວາມຂະຫນາດໃຫຍ່. ແນະນຳສຳລັບການເຂົ້າເຖິງທີ່ດີທີ່ສຸດ.
    ຄວາມຄົມຊັດບໍ່ດີສໍາລັບຂະຫນາດຂໍ້ຄວາມທັງຫມົດ.

    ຕົວກວດສອບຄວາມຄົມຊັດແບບພິເສດ

    ປັບແຕ່ງດ້ວຍແຖບເລື່ອນ, ຕົວຢ່າງຫຼາຍອັນ ແລະອື່ນໆອີກ

    “

    ທຸກຄົນແມ່ນ Genius. ແຕ່​ຖ້າ​ເຈົ້າ​ຕັດສິນ​ປາ​ດ້ວຍ​ຄວາມ​ສາມາດ​ຂອງ​ມັນ​ທີ່​ຈະ​ປີນ​ຕົ້ນ​ໄມ້, ມັນ​ຈະ​ມີ​ຊີວິດ​ຕະຫຼອດ​ຊີວິດ​ໂດຍ​ເຊື່ອ​ວ່າ​ມັນ​ໂງ່.

    - Albert Einstein

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

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

    ການວິເຄາະສີ

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

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