การแปลงสี
#fde6b3
การเปลี่ยนแปลง
วัตถุประสงค์ของส่วนนี้คือการสร้างสีอ่อน (เพิ่มสีขาวบริสุทธิ์) และสีเข้ม (เพิ่มสีดำบริสุทธิ์) ของสีที่คุณเลือกในอัตรา 10%
เคล็ดลับมือโปร: ใช้สีเข้มสำหรับสถานะโฮเวอร์และเงา สีอ่อนสำหรับไฮไลท์และพื้นหลัง
เฉดสี
การเปลี่ยนแปลงที่เข้มขึ้นสร้างขึ้นโดยการเพิ่มสีดำให้กับสีพื้นฐานของคุณ
สีอ่อน
การเปลี่ยนแปลงที่อ่อนลงสร้างขึ้นโดยการเพิ่มสีขาวให้กับสีพื้นฐานของคุณ
กรณีการใช้งานทั่วไป
- • สถานะของส่วนประกอบ UI (โฮเวอร์, แอคทีฟ, ปิดการใช้งาน)
- • สร้างความลึกด้วยเงาและไฮไลท์
- • สร้างระบบสีที่สอดคล้องกัน
เคล็ดลับระบบการออกแบบ
การเปลี่ยนแปลงเหล่านี้เป็นพื้นฐานของพาเลตต์สีที่สอดคล้องกัน ส่งออกเพื่อรักษาความสอดคล้องทั่วทั้งโครงการของคุณ
การผสมผสานสี
แต่ละความกลมกลืนมีอารมณ์ของตัวเอง ใช้ความกลมกลืนเพื่อระดมความคิดเกี่ยวกับการผสมสีที่ทำงานร่วมกันได้ดี
วิธีการใช้
คลิกที่สีใด ๆ เพื่อคัดลอกค่า hex ของมัน การผสมผสานเหล่านี้ได้รับการพิสูจน์ทางคณิตศาสตร์แล้วว่าสร้างความกลมกลืนทางสายตา
ทำไมมันถึงสำคัญ
ความกลมกลืนของสีสร้างความสมดุลและกระตุ้นอารมณ์เฉพาะในงานออกแบบของคุณ
สีเสริม
สีและสีตรงข้ามบนวงล้อสี, +180 องศาของเฉดสี ความคมชัดสูง
สีเสริมแบบแยก
สีหนึ่งและสองสีที่อยู่ติดกับสีเสริม, +/-30 องศาของเฉดสีจากค่าตรงข้ามกับสีหลัก โดดเด่นเหมือนสีเสริมตรง แต่มีความหลากหลายมากกว่า
สีสามเส้า
สามสีที่เว้นระยะเท่ากันบนวงล้อสี แต่ละสีห่างกัน 120 องศาของเฉดสี ควรให้สีหนึ่งโดดเด่นและใช้สีอื่นเป็นสีเสริม
สีใกล้เคียง
สามสีที่มีความสว่างและความอิ่มตัวเท่ากัน โดยมีเฉดสีที่อยู่ติดกันบนวงล้อสี ห่างกัน 30 องศา การเปลี่ยนผ่านที่ราบรื่น
สีเดียว
สามสีที่มีเฉดสีเดียวกัน โดยมีค่าความสว่าง +/-50% ละเอียดอ่อนและประณีต
สีสี่เส้า
สองชุดของสีที่ตรงข้ามกัน แยกกันด้วย 60 องศาของเฉดสี
หลักการทฤษฎีสี
สมดุล
ใช้สีหลักหนึ่งสี สนับสนุนด้วยสีรอง และเน้นด้วยสีเสริมเล็กน้อย
ความคมชัด
ตรวจสอบให้แน่ใจว่ามีความคมชัดเพียงพอเพื่อการอ่านและการเข้าถึง
ความกลมกลืน
สีควรทำงานร่วมกันเพื่อสร้างประสบการณ์ภาพที่เป็นหนึ่งเดียว
ตัวตรวจสอบความคมชัดของสี
ทดสอบการจับคู่สีเพื่อให้แน่ใจว่าตรงตามมาตรฐานการเข้าถึงของ WCAG สำหรับการอ่านข้อความ
สีข้อความ
สีพื้นหลัง
ความคมชัด
มาตรฐาน WCAG
ตัวตรวจสอบความคมชัดขั้นสูง
ปรับแต่งด้วยสไลเดอร์ ดูตัวอย่างหลายแบบ & อื่นๆ
ทุกคนเป็นอัจฉริยะ แต่ถ้าคุณตัดสินปลาจากความสามารถในการปีนต้นไม้ มันจะใช้ชีวิตทั้งชีวิตเชื่อว่ามันโง่
รูปแบบทางเทคนิค
รูปแบบที่ใช้งานได้จริง
การวิเคราะห์สี
เครื่องจำลองการตาบอดสี
แง่มุมเชิงสร้างสรรค์
คำถามที่พบบ่อย
- สีอะไรคือ #FDE6B3?
- #FDE6B3 คือ ครีมมิวซ์ซอง (Mousse Soleil) – สีครีมอุ่นใสที่มีเฉดเหลืองนวลและแสงทองอ่อน ดูเหมือนแสงเช้าผ่านผ้าลินินบาง ๆ. ให้ความรู้สึกปลอดภัย อ่อนโยน และอบอุ่นเหมือนขนมอบที่เพิ่งออกจากเตา.
- ครีมมิวซ์ซอง (Mousse Soleil) สื่อความหมายถึงอะไร?
- บ้านและความอบอุ่น, ความประณีตแบบคราฟต์, ความเรียบหรูแบบไม่โอ้อวด, ความจำและความคุ้นชิน, ความสดใหม่ของอาหารอบ. ในยุโรปเฉดครีม-เหลืองแบบนี้เชื่อมโยงกับโบสถ์สถาปัตยกรรมและผ้าไหมพาสเทลของยุคโรโคโค; ในญี่ปุ่นความโทนอ่อนนี้สอดคล้องกับความเรียบง่ายและเรียกว่าโทน 'อิราสุ' ที่ให้ความสงบ; ในตะวันออกกลางสีครีมมักใช้กับผ้าและเซรามิกเจือทองเพื่อสื่อถึงความหรูแบบอบอุ่น.
- ครีมมิวซ์ซอง (Mousse Soleil) ใช้ที่ไหนในงานออกแบบ?
- สีนี้ลดความตึงเครียดในสเปซและทำให้วัตถุใกล้เคียงรู้สึกเชื้อเชิญและนุ่มนวล; ในงานกราฟิกมันทำหน้าที่เป็นพื้นรับที่ไม่แข่งขันกับข้อความแต่เพิ่มน้ำหนักความหรูแบบไม่เยอะเกิน. การใช้ในห้องทำให้พื้นที่ดูสว่างขึ้นโดยยังรักษาความเป็นส่วนตัวและความอบอุ่น.
- สีอะไรที่เข้ากันได้ดีกับ ครีมมิวซ์ซอง (Mousse Soleil)?
- colorCode.seoFaqPairingAnswer #B3D9FD: โทนฟ้าสลัวนี้เป็นคู่ตรงข้ามเชิงสี (complementary) ช่วยดึงความอบอุ่นของครีมให้โดดเด่นและสร้างคอนทราสต์ที่นุ่มนวล.. #B3FDE6: โทนเขียว-ฟ้าที่อยู่ห่าง 120° ในวงสี (triadic) สร้างความสดชื่นและบาลานซ์ความอบอุ่นของครีมโดยไม่รุนแรง.. #E6B3FD: แสงม่วงพาสเทลอีกด้านของชุด triadic ให้กลิ่นวินเทจและความละมุนที่เสริมความประณีตของสีหลัก..
- ครีมมิวซ์ซอง (Mousse Soleil) ส่งผลต่ออารมณ์อย่างไร?
- อบอุ่นละเมียดละไมแบบเป็นมิตร สร้างความสบายใจและปลอดภัย พร้อมกระตุ้นความคิดเชิงโฮมเมดและความใส่ใจในรายละเอียด. colorCode.seoFaqMoodTraits
- อุตสาหกรรมใดบ้างที่ใช้ ครีมมิวซ์ซอง (Mousse Soleil)?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- ประวัติของ ครีมมิวซ์ซอง (Mousse Soleil) คืออะไร?
- ต้นกำเนิดของโทนครีมเหลืองนวลแบบนี้มีร่องรอยย้อนหลังไปถึงการผสมสีจากผงขาว (lead white หรือ later titanium white) กับสีเหลืองธรรมชาติเช่น yellow ochre ในการวาดภาพเฟรสโกและภาพวาดยุโรปช่วงเรอเนสซองส์ —ศิลปินเติมขาวมากขึ้นเพื่อให้เกิดโทนอ่อนที่ใช้บ่งชี้แสงและผิวหนังอ่อน. ในงานฝีมือและเครื่องปั้นดินเผา พวกช่างมักได้เฉดใกล้เคียงจากไขมันสัตว์ ผงแคลเซียม และสีย้อมพืชที่เจือขาว.
- วิธีการใช้ ครีมมิวซ์ซอง (Mousse Soleil) ในการออกแบบ?
- รักษาสมดุลค่าแสง-เงา: ใช้โทนเข้มกว่า/เย็นกว่าเป็นจุดเน้นและรักษาพื้นที่ว่างรอบ ๆ เพื่อไม่ให้ความอบอุ่นกลายเป็นความฟุ้ง.colorCode.seoFaqDesignDo
- ครีมมิวซ์ซอง (Mousse Soleil) ใช้งานได้ง่ายหรือไม่?
- colorCode.seoFaqAccessibilityAnswer ผ่านเกณฑ์ WCAG AA สำหรับข้อความปกติและข้อความขนาดใหญ่