#646077 เงาแห่งค่ำคืน

    สร้างรหัสสี ความหลากหลาย ความกลมกลืน และตรวจสอบอัตราส่วนความคมชัด

    การแปลงสี

    #646077เงาแห่งค่ำคืน

    HEX
    #646077
    HSL
    250, 11, 42
    RGB
    100, 96, 119
    XYZ
    13, 12, 19
    CMYK
    16, 19, 0, 53
    LUV
    42,8,-14
    LAB
    42, 7, -12
    HWB
    250, 38, 53

    เกี่ยวกับสีนีี้

    ลึกลับและสงบ

    เฉดสีนี้เหมือนกับความลึกลับในค่ำคืนที่มีดาวระยิบระยับ สื่อถึงความสงบเงียบและความคิดลึกซึ้งที่ซ่อนอยู่ในใจ.

    ลึกลับและสงบ

    จิตวิทยา

    ลักษณะทางจิตวิทยาและความเชื่อมโยงทางอารมณ์

    มีเสน่ห์
    ลึกลับ
    สงบ
    เฉียบคม
    มีสติ

    ผลกระทบ

    สีนี้ช่วยกระตุ้นความคิดและการสร้างสรรค์ พร้อมสร้างบรรยากาศที่ทำให้ผู้ชมรู้สึกสงบและมีสมาธิ.

    ความหมาย & สัญลักษณ์

    ความหมายทางวัฒนธรรมและความสำคัญ

    ความสงบ
    ความลึกลับ
    การค้นพบตนเอง
    ทัศนียภาพที่สวยงาม
    ความคิดสร้างสรรค์

    ความสำคัญทางวัฒนธรรม

    ในหลายวัฒนธรรม เฉดสีนี้มักถูกใช้เพื่อสื่อถึงความลึกลับและการค้นหาความจริง เช่น ในศิลปะของชาวตะวันออกเฉียงใต้ที่ชอบใช้สีเข้มเพื่อสะท้อนถึงจิตวิญญาณ.

    การใช้ในงานออกแบบ

    การใช้สีนี้ในสาขาต่างๆ

    ศิลปะ

    ใช้เพื่อสร้างบรรยากาศที่ลึกลับในภาพวาดและประติมากรรม.

    การออกแบบตกแต่งภายใน

    นำไปใช้ในการสร้างพื้นที่ที่สงบเย็นและมีเสน่ห์.

    แฟชั่น

    มักจะปรากฏในคอลเลกชันเสื้อผ้าที่ต้องการความลึกลับและความคลาสสิก.

    ภาพยนตร์

    ใช้ในการสร้างบรรยากาศในฉากที่ต้องการความเข้มข้นและความลึกลับ.

    การตลาด

    ใช้เพื่อดึงดูดลูกค้าด้วยความรู้สึกที่มีเสน่ห์และน่าสนใจ.

    ความสำคัญทางประวัติศาสตร์

    เรื่องราวและมรดกของสีนี้

    สีนี้มีต้นกำเนิดจากการใช้เทคนิคการผสมสีในยุคฟื้นฟูศิลปวิทยา ซึ่งศิลปินมักจะใช้เฉดสีเข้มเพื่อสร้างความลึกและมิติในงานศิลปะ. ในยุควิคตอเรีย สีเข้มเช่นนี้ถูกนำมาใช้ในการออกแบบตกแต่งภายในเพื่อสร้างบรรยากาศที่หรูหราและมีเสน่ห์.

    ในปัจจุบัน เฉดสีนี้ยังคงเป็นที่นิยมในวงการแฟชั่นและการออกแบบ โดยเฉพาะในงานที่ต้องการความลึกลับและความน่าสนใจ ซึ่งจะช่วยเสริมสร้างบรรยากาศที่มีเอกลักษณ์และโดดเด่นในทุกๆ สถานที่.

    การเปลี่ยนแปลง

    วัตถุประสงค์ของส่วนนี้คือการสร้างสีอ่อน (เพิ่มสีขาวบริสุทธิ์) และสีเข้ม (เพิ่มสีดำบริสุทธิ์) ของสีที่คุณเลือกในอัตรา 10%

    เคล็ดลับมือโปร: ใช้สีเข้มสำหรับสถานะโฮเวอร์และเงา สีอ่อนสำหรับไฮไลท์และพื้นหลัง

    เฉดสี

    การเปลี่ยนแปลงที่เข้มขึ้นสร้างขึ้นโดยการเพิ่มสีดำให้กับสีพื้นฐานของคุณ

    สีอ่อน

    การเปลี่ยนแปลงที่อ่อนลงสร้างขึ้นโดยการเพิ่มสีขาวให้กับสีพื้นฐานของคุณ

    กรณีการใช้งานทั่วไป

    • สถานะของส่วนประกอบ UI (โฮเวอร์, แอคทีฟ, ปิดการใช้งาน)
    • สร้างความลึกด้วยเงาและไฮไลท์
    • สร้างระบบสีที่สอดคล้องกัน

    เคล็ดลับระบบการออกแบบ

    การเปลี่ยนแปลงเหล่านี้เป็นพื้นฐานของพาเลตต์สีที่สอดคล้องกัน ส่งออกเพื่อรักษาความสอดคล้องทั่วทั้งโครงการของคุณ

    การผสมผสานสี

    แต่ละความกลมกลืนมีอารมณ์ของตัวเอง ใช้ความกลมกลืนเพื่อระดมความคิดเกี่ยวกับการผสมสีที่ทำงานร่วมกันได้ดี

    วิธีการใช้

    คลิกที่สีใด ๆ เพื่อคัดลอกค่า hex ของมัน การผสมผสานเหล่านี้ได้รับการพิสูจน์ทางคณิตศาสตร์แล้วว่าสร้างความกลมกลืนทางสายตา

    ทำไมมันถึงสำคัญ

    ความกลมกลืนของสีสร้างความสมดุลและกระตุ้นอารมณ์เฉพาะในงานออกแบบของคุณ

    สีเสริม

    สีและสีตรงข้ามบนวงล้อสี, +180 องศาของเฉดสี ความคมชัดสูง

    #646077
    เหมาะสำหรับ: การออกแบบที่มีผลกระทบสูง, CTA, โลโก้

    สีเสริมแบบแยก

    สีหนึ่งและสองสีที่อยู่ติดกับสีเสริม, +/-30 องศาของเฉดสีจากค่าตรงข้ามกับสีหลัก โดดเด่นเหมือนสีเสริมตรง แต่มีความหลากหลายมากกว่า

    เหมาะสำหรับ: เลย์เอาต์ที่สดใสแต่สมดุล

    สีสามเส้า

    สามสีที่เว้นระยะเท่ากันบนวงล้อสี แต่ละสีห่างกัน 120 องศาของเฉดสี ควรให้สีหนึ่งโดดเด่นและใช้สีอื่นเป็นสีเสริม

    เหมาะสำหรับ: การออกแบบที่สนุกสนานและมีพลัง

    สีใกล้เคียง

    สามสีที่มีความสว่างและความอิ่มตัวเท่ากัน โดยมีเฉดสีที่อยู่ติดกันบนวงล้อสี ห่างกัน 30 องศา การเปลี่ยนผ่านที่ราบรื่น

    เหมาะสำหรับ: อินเทอร์เฟซที่ได้รับแรงบันดาลใจจากธรรมชาติและสงบ

    สีเดียว

    สามสีที่มีเฉดสีเดียวกัน โดยมีค่าความสว่าง +/-50% ละเอียดอ่อนและประณีต

    เหมาะสำหรับ: การออกแบบที่เรียบง่ายและซับซ้อน

    สีสี่เส้า

    สองชุดของสีที่ตรงข้ามกัน แยกกันด้วย 60 องศาของเฉดสี

    เหมาะสำหรับ: โทนสีที่หลากหลายและเข้มข้น

    หลักการทฤษฎีสี

    สมดุล

    ใช้สีหลักหนึ่งสี สนับสนุนด้วยสีรอง และเน้นด้วยสีเสริมเล็กน้อย

    ความคมชัด

    ตรวจสอบให้แน่ใจว่ามีความคมชัดเพียงพอเพื่อการอ่านและการเข้าถึง

    ความกลมกลืน

    สีควรทำงานร่วมกันเพื่อสร้างประสบการณ์ภาพที่เป็นหนึ่งเดียว

    ตัวตรวจสอบความคมชัดของสี

    ทดสอบการจับคู่สีเพื่อให้แน่ใจว่าตรงตามมาตรฐานการเข้าถึงของ WCAG สำหรับการอ่านข้อความ

    สีข้อความ
    สีพื้นหลัง
    ความคมชัด
    1.00
    Fail
    แย่มาก
    ข้อความขนาดเล็ก
    ✖︎
    ข้อความขนาดใหญ่
    ✖︎
    มาตรฐาน WCAG
    AA:อัตราส่วนความคอนทราสต์ขั้นต่ำ 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความใหญ่ จำเป็นสำหรับเว็บไซต์ส่วนใหญ่
    AAA:อัตราส่วนความคอนทราสต์ที่เพิ่มขึ้น 7:1 สำหรับข้อความปกติ และ 4.5:1 สำหรับข้อความใหญ่ แนะนำเพื่อการเข้าถึงสูงสุด
    ความคมชัดไม่เพียงพอสำหรับขนาดตัวอักษรทั้งหมด - ไม่ผ่านมาตรฐาน WCAG

    ตัวตรวจสอบความคมชัดขั้นสูง

    ปรับแต่งด้วยสไลเดอร์ ดูตัวอย่างหลายแบบ & อื่นๆ

    ทุกคนเป็นอัจฉริยะ แต่ถ้าคุณตัดสินปลาจากความสามารถในการปีนต้นไม้ มันจะใช้ชีวิตทั้งชีวิตเชื่อว่ามันโง่

    - Albert Einstein

    รูปแบบทางเทคนิค

    รูปแบบที่ใช้งานได้จริง

    การวิเคราะห์สี

    เครื่องจำลองการตาบอดสี

    แง่มุมเชิงสร้างสรรค์

    คำถามที่พบบ่อย