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

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

ການປ່ຽນສີ

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

ການປ່ຽນແປງ

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

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

ຮົ່ມ

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

ທາສີ

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

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

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

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

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

ການປະສົມສີ

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

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

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

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

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

ເສີມ

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

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

ແຍກ-ເສີມ

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

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

Triadic

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

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

ອະນາລັກ

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

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

monochromatic

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

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

Tetradic

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

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

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

ຍອດເງິນ

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

ກົງກັນຂ້າມ

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

ຄວາມສາມັກຄີ

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

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

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

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

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

- Albert Einstein

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

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

ການວິເຄາະສີ

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

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