ການປ່ຽນສີ
#2d85f9
ການປ່ຽນແປງ
ຈຸດປະສົງຂອງພາກນີ້ແມ່ນເພື່ອຜະລິດໄດ້ຢ່າງຖືກຕ້ອງ tints (ເພີ່ມສີຂາວບໍລິສຸດ) ແລະຮົ່ມ (ເພີ່ມສີດໍາອັນບໍລິສຸດ) ຂອງສີທີ່ເລືອກຂອງທ່ານໃນ 10% incremented.
ເຄັດລັບ Pro: ໃຊ້ບ່ອນທີ່ມີຮົ່ມສຳລັບການເລື່ອນລັດ ແລະເງົາ, ສີສຳລັບໄຮໄລ້ ແລະພື້ນຫຼັງ.
ຮົ່ມ
ການປ່ຽນແປງທີ່ຊ້ໍາກວ່າທີ່ສ້າງຂຶ້ນໂດຍການເພີ່ມສີດໍາໃສ່ສີພື້ນຖານຂອງທ່ານ.
ທາສີ
ການປ່ຽນແປງທີ່ອ່ອນກວ່າທີ່ສ້າງຂຶ້ນໂດຍການເພີ່ມສີຂາວໃສ່ສີພື້ນຖານຂອງທ່ານ.
ກໍລະນີທີ່ໃຊ້ທົ່ວໄປ
- • ອົງປະກອບ UI ລະບຸ (ເລື່ອນ, ເຄື່ອນໄຫວ, ປິດໃຊ້ງານ)
- • ສ້າງຄວາມເລິກດ້ວຍເງົາ ແລະຈຸດເດັ່ນ
- • ການກໍ່ສ້າງລະບົບສີທີ່ສອດຄ່ອງ
ຄໍາແນະນໍາລະບົບການອອກແບບ
ການປ່ຽນແປງເຫຼົ່ານີ້ເປັນພື້ນຖານຂອງ palette ສີທີ່ສອດຄ່ອງ. ສົ່ງອອກພວກມັນເພື່ອຮັກສາຄວາມສອດຄ່ອງໃນທົ່ວໂຄງການທັງຫມົດຂອງທ່ານ.
ການປະສົມສີ
ການປະສົມກົມກຽວແຕ່ລະຄົນມີອາລົມຂອງຕົນເອງ. ໃຊ້ຄວາມກົມກຽວກັນເພື່ອລະດົມຄວາມຄິດຂອງຄອມໂບສີທີ່ເຮັດວຽກຮ່ວມກັນໄດ້ດີ.
ວິທີການນໍາໃຊ້
ຄລິກໃສ່ສີໃດນຶ່ງເພື່ອສຳເນົາຄ່າ hex ຂອງມັນ. ການປະສົມເຫຼົ່ານີ້ໄດ້ຖືກພິສູດທາງຄະນິດສາດເພື່ອສ້າງຄວາມກົມກຽວທາງດ້ານສາຍຕາ.
ເປັນຫຍັງມັນຈຶ່ງສຳຄັນ
ການປະສົມກົມກຽວຂອງສີສ້າງຄວາມສົມດຸນແລະເຮັດໃຫ້ເກີດຄວາມຮູ້ສຶກສະເພາະໃນການອອກແບບຂອງທ່ານ.
ເສີມ
ສີແລະກົງກັນຂ້າມຂອງມັນຢູ່ໃນລໍ້ສີ, +180 ອົງສາຂອງ hue. ກົງກັນຂ້າມສູງ.
ແຍກ-ເສີມ
A ສີແລະສອງທີ່ຢູ່ຕິດກັນກັບສ່ວນເສີມຂອງມັນ, +/-30 ອົງສາຂອງ hue ຈາກຄ່າກົງກັນຂ້າມກັບສີຕົ້ນຕໍ. ກ້າຫານຄືກັບການເສີມຊື່, ແຕ່ມີຄວາມຫຼາກຫຼາຍກວ່າ.
Triadic
ສາມສີໃຫ້ຫ່າງກັນຕາມວົງລໍ້ສີ, ແຕ່ລະສີຫ່າງກັນ 120 ອົງສາ. ດີທີ່ສຸດທີ່ຈະອະນຸຍາດໃຫ້ສີຫນຶ່ງຄອບງໍາແລະໃຊ້ອື່ນໆເປັນສໍານຽງ.
ອະນາລັກ
ສາມສີຂອງ luminance ດຽວກັນແລະການອີ່ມຕົວທີ່ມີ hues ທີ່ຢູ່ຕິດກັນກ່ຽວກັບລໍ້ສີ, ຫ່າງ 30 ອົງສາ. ການຫັນປ່ຽນທີ່ລຽບງ່າຍ.
monochromatic
ສາມສີຂອງ hue ດຽວກັນກັບຄ່າ luminance +/-50%. ລະອຽດອ່ອນແລະປັບປຸງ.
Tetradic
ສອງຊຸດຂອງສີທີ່ສົມບູນ, ແຍກອອກໂດຍ 60 ອົງສາຂອງ hue.
ຫຼັກການທິດສະດີສີ
ຍອດເງິນ
ໃຊ້ສີໜຶ່ງເດັ່ນ, ຮອງຮັບຮອງ, ແລະສຳນຽງເລັກນ້ອຍ.
ກົງກັນຂ້າມ
ຮັບປະກັນຄວາມຄົມຊັດທີ່ພຽງພໍສໍາລັບການອ່ານ ແລະການເຂົ້າເຖິງ.
ຄວາມສາມັກຄີ
ສີຄວນເຮັດວຽກຮ່ວມກັນເພື່ອສ້າງປະສົບການການເບິ່ງເຫັນທີ່ເປັນເອກະພາບ.
ຕົວກວດສອບຄວາມຄົມຊັດຂອງສີ
ທົດສອບການປະສົມສີເພື່ອຮັບປະກັນວ່າພວກມັນຕອບສະໜອງໄດ້ມາດຕະຖານການເຂົ້າເຖິງ WCAG ສຳລັບການອ່ານຂໍ້ຄວາມ.
ສີຂໍ້ຄວາມ
ສີພື້ນຫຼັງ
ກົງກັນຂ້າມ
ມາດຕະຖານ WCAG
ຕົວກວດສອບຄວາມຄົມຊັດແບບພິເສດ
ປັບແຕ່ງດ້ວຍແຖບເລື່ອນ, ຕົວຢ່າງຫຼາຍອັນ ແລະອື່ນໆອີກ
ທຸກຄົນແມ່ນ Genius. ແຕ່ຖ້າເຈົ້າຕັດສິນປາດ້ວຍຄວາມສາມາດຂອງມັນທີ່ຈະປີນຕົ້ນໄມ້, ມັນຈະມີຊີວິດຕະຫຼອດຊີວິດໂດຍເຊື່ອວ່າມັນໂງ່.
ຮູບແບບດ້ານວິຊາການ
ຮູບແບບການປະຕິບັດ
ການວິເຄາະສີ
ເຄື່ອງຈຳລອງການຕາບອດ
ລັກສະນະສ້າງສັນ
ຄຳຖາມທີ່ຖືກຖາມເລື້ອຍໆ
- ເບີ 2D85F9 ສີຫຍັງ?
- # 2D85F9 ແມ່ນ Beacon Azure – A vivid, high-chroma azure that reads electric and crystalline, like sunlight refracting on open water. It stimulates alertness and focused optimism with a brisk, modern energy.
- ເລກ Beacon Azure ໝາຍເຖິງຫຍັງ?
- communication, technology, navigation, clarity, safety (signal). In Western design this vivid azure reads as modernity and trust (common in tech). In maritime cultures it echoes signal flags and sea-safety hues, conveying direction. In East Asian contexts bright blues can signify purity and reliability, though interpretations vary by shade.
- Beacon Azure ຖືກນຳໃຊ້ໃນການອອກແບບຢູ່ໃສ?
- Viewed at scale, Beacon Azure increases perceived speed and urgency, sharpening attention on interactive elements. In spaces it tends to make environments feel more contemporary and efficient, but can reduce warmth if used alone.
- ສີໃດເຂົ້າກັນໄດ້ດີກັບ Beacon Azure ?
- Beacon Azure ຄູ່ດີກັບ #F98D2D, #2DB3F9, #2D4DF9 . #F98D2D: Complementary contrast — the warm orange creates high-impact CTA outlines or badges against Beacon Azure for split-second attention (complementary harmony).. #2DB3F9: Analogous harmony — a slightly greener cyan extends the palette into fresh highlights and gradients without jarring the eye (analogous harmony).. #2D4DF9: Triadic/anchoring deep blue — a cooler, darker cobalt provides depth for headers and modal backgrounds while maintaining vibrancy (triadic/contrast harmony)..
- Beacon Azure ມີຜົນກະທົບຕໍ່ອາລົມແນວໃດ?
- Bright confidence with active clarity A quick uplift — people feel alert, ready, and slightly energized. ລັກສະນະຫຼັກ: clarity, confidence, energy, approachability, focus .
- ອຸດສາຫະກຳໃດແດ່ທີ່ໃຊ້ Beacon Azure ?
- Beacon Azure ຖືກໃຊ້ທົ່ວໄປໃນ Consumer fintech, SaaS & cloud platforms, Activewear & sports equipment . ມັນເໝາະກັບຮູບແບບຍີ່ຫໍ້ເຊັ່ນ The Sage, The Explorer .
- ປະຫວັດຂອງ Beacon Azure ແມ່ນຫຍັງ?
- Shades like Beacon Azure have antecedents in natural azures used since antiquity—azurite and smalt provided luminous blues in Renaissance painting but lacked the saturation of modern synthetics. The 18th and 19th centuries brought Prussian and cerulean blues; the intense, saturated blues closest to this tone only became reliable with 20th-century synthetic pigments like phthalocyanine blue.
- ວິທີການໃຊ້ Beacon Azure ໃນການອອກແບບ?
- Maintain high contrast and clear hierarchy: use Beacon Azure as a deliberate accent, not the default surface color. ວິທີປະຕິບັດທີ່ດີທີ່ສຸດ: Reserve Beacon Azure for focal elements (CTAs, active states, key icons) rather than large backgrounds to preserve visual warmth.; Pair it with a high-value neutral (≥90% white or a mid gray) for text/background contrast and use it at 100% saturation for primary actions.; Combine with a warm complementary accent (small orange token) to create balanced contrast without muddying the blue. .
- Beacon Azure ສາມາດເຂົ້າເຖິງໄດ້ບໍ?
- ອັດຕາສ່ວນຄວາມຄົມຊັດຂອງສີຂາວ: 3.60:1 , ສີດຳ: 5.83:1 .ຜ່ານ WCAG AA ສຳລັບຂໍ້ຄວາມປົກກະຕິ ແລະ ຂໍ້ຄວາມຂະໜາດໃຫຍ່.