#2D85F9 Beacon Azure

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

    ການປ່ຽນສີ

    HEX

    #2d85f9

    HEX
    #2d85f9
    HSL
    214, 94, 58
    RGB
    45, 133, 249
    XYZ
    27, 24, 93
    CMYK
    82, 47, 0, 2
    LUV
    56,-18,-96
    LAB
    56, 15, -65
    HWB
    214, 18, 2

    ການປ່ຽນແປງ

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

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

    ຮົ່ມ

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

    ທາສີ

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

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

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

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

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

    ການປະສົມສີ

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

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

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

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

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

    ເສີມ

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

    #2d85f9
    ດີທີ່ສຸດສໍາລັບ: ການອອກແບບທີ່ມີຜົນກະທົບສູງ, 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

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

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

    ການວິເຄາະສີ

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

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

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

    ເບີ 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 ສຳລັບຂໍ້ຄວາມປົກກະຕິ ແລະ ຂໍ້ຄວາມຂະໜາດໃຫຍ່.