วิธีออกแบบด้วยสีน้ำเงินและสีเสริม

สารบัญ:

วิธีออกแบบด้วยสีน้ำเงินและสีเสริม
วิธีออกแบบด้วยสีน้ำเงินและสีเสริม
Anonim

สีน้ำเงินเป็นหนึ่งในสีที่ใช้บ่อยที่สุดในการออกแบบเว็บ การใช้สีน้ำเงินปานกลางถึงสีน้ำเงินเข้มช่วยให้รู้สึกผ่อนคลายซึ่งนักออกแบบสามารถเสริมด้วยสีเหลืองและสีส้มได้

สีฟ้าสามารถทำงานร่วมกับสีอื่นๆ ได้หลายวิธี

ตรงข้าม Attract และสีน้ำเงินเข้ากันได้ดีกับสีส้ม

Image
Image

ลองผสมสีน้ำเงินกับสีส้มเป็นสีเสริม

จากมืดที่สุดไปหาอ่อนที่สุด ส้มที่แสดงด้วยแถบสีน้ำเงินแต่ละอันในภาพด้านบนคือ:

  • Hex FFA500 | RGB 255, 165, 0 (สีส้มทอง คีย์เวิร์ดสี SVG และคีย์เวิร์ดสี CSS สีส้ม)
  • Hex FF8000 | RGB 255, 128, 0 (สีส้มกลาง)
  • Hex FF4500 | RGB 255, 69, 0 (สีส้มแดง คีย์เวิร์ดสี SVG สีส้มแดง)
  • Hex C83200 | RGB 200, 50, 0 (สีส้มเข้ม)
  • ตัวเลข: Hex FF7F27 | RGB 255, 127, 39 (สีส้มพีช)

บลูส์ จากเข้มไปอ่อนคือ:

  1. Navy: Hex 000080 | RGB 0, 0, 128 (คีย์เวิร์ดสี CSS/คีย์เวิร์ดสี SVG สี Navy)
  2. สีน้ำเงิน: Hex 0000FF | RGB 0, 0, 255 (คีย์เวิร์ดสี CSS/SVG เป็นสีน้ำเงิน สีที่ปลอดภัยของเบราว์เซอร์)
  3. Hex: 0045FF | RGB 0, 69, 255 (สีน้ำเงินกลาง)
  4. เหล็กบลู: Hex 4682B4 | RGB 70, 130, 180 (คีย์เวิร์ดสี SVG steelblue; สีฟ้าขององค์กร)
  5. Hex: 0080FF | RGB 0, 128, 255 (สีน้ำเงินกลาง)
  6. Light Blue: Hex ADD8E6 | RGB 173, 216, 230 (คีย์เวิร์ดสี SVG lightblue)

สีน้ำเงินเข้มและเฉดสีกลางของสีน้ำเงินเป็นสัญลักษณ์ของความสำคัญ ความมั่นใจ อำนาจ สติปัญญา ความมั่นคง ความสามัคคี และการอนุรักษ์ การเพิ่มสีส้มลงในจานสีสีน้ำเงินเข้มที่เด่นๆ ของคุณ จะทำให้เกิดความอบอุ่นและพลังงานที่สามารถป้องกันจานสีของคุณไม่ให้เอียงหรือแรงเกินไป

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

ผสมสีน้ำเงินเข้มกับสีเหลืองทอง

Image
Image

ใช้สีน้ำเงินเข้มจนเกือบเป็นสีม่วง แล้วเติมสีเหลืองของแสงแดดเป็นสีที่เสริมกัน

สีน้ำเงินเป็นสีโทนเย็นที่เคลื่อนไปสู่ความอบอุ่นเมื่อคุณเพิ่มโทนสีม่วง ในขณะที่สีเหลืองเป็นสีโทนอุ่นที่อีกด้านหนึ่งของวงล้อสี เพื่อหลีกเลี่ยงการสั่นสะเทือนที่ไม่พึงประสงค์ ให้หลีกเลี่ยงการใช้ในปริมาณที่เท่ากันทำให้สีน้ำเงินของคุณมีชีวิตชีวาด้วยสีเหลือง (หรือทำให้สีเหลืองของคุณสงบด้วยเส้นประสีน้ำเงิน)

จากมืดที่สุดไปหาเบาที่สุด สีเหลืองที่แสดงด้วยแถบสีน้ำเงินแต่ละแถบในภาพด้านบนคือ:

  • แคเดียมเหลือง: Hex FF9912 | RGB 255, 153, 18 (สีเหลืองอมน้ำตาลอบอุ่น)
  • ทอง: Hex FFD700 | RGB 255, 215, 0 (คีย์เวิร์ดสี SVG สีทอง)
  • ตัวเลข: Hex FFFF00 | RGB 255, 255, 0 (คีย์เวิร์ดสี SVG/CSS สีเหลือง)

บลูส์คือ:

  1. สีน้ำเงินเข้มมาก: Hex 000033 | RGB 0, 0, 51 (สีน้ำเงินเข้มสำหรับเบราว์เซอร์)
  2. Midnight Blue: Hex 191970 | RGB 25, 25, 112 (คีย์เวิร์ดสี SVG Midnightblue)
  3. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (คีย์เวิร์ดสี SVG darkslateblue; สีน้ำเงินอมเทา)
  4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (สีครามของคีย์เวิร์ด SVG; สีน้ำเงินอมม่วง)
  5. บลูไวโอเล็ต: Hex 8A2BE2 | RGB 138, 43, 226 (คีย์เวิร์ดสี SVG blueviolet)
  6. โคบอลต์บลู: Hex 3D59AB | RGB 61, 89, 171

สีที่ดันไปทางด้านสีม่วงอมม่วงของสีน้ำเงินสามารถเพิ่มความลึกลับ บ่งบอกถึงความเป็นผู้หญิง เพิ่มความอบอุ่นให้กับสีฟ้าเย็น

เฉดสีฟ้ากับส้มเข้ม

Image
Image

สีฟ้ากลางถึงเข้มเป็นสีน้ำเงินที่ขอบสีเขียว ที่นี่ เฉดสีฟ้ากลางและฟ้าหลายเฉดผสมผสานกับสีส้มอมน้ำตาลเข้ม

นอกจากลักษณะที่สงบแล้ว สีฟ้าที่เข้มกว่านี้อาจเป็นสัญลักษณ์ของสีเขียว เช่น ความสมดุล ความกลมกลืน และความมั่นคง จะได้รับความอบอุ่นและพลังงานเล็กน้อยเมื่อจับคู่กับเฉดสีน้ำตาลหรือแดงอมส้ม สีน้ำตาลเป็นสีธรรมชาติที่เป็นกลางติดดิน สีแดงและสีฟ้าเป็นสีตรงข้ามกันในวงล้อสีที่มีความเปรียบต่างสูง แต่ก็ไม่จำเป็นต้องเป็นส่วนผสมที่ลงตัวการเปลี่ยนจากสีแดงเป็นสีส้มและสีน้ำเงินเข้มทำให้จานสีดูน่ารับประทานยิ่งขึ้น

จากมืดที่สุดไปหาเบาที่สุด สีส้มแดงที่แสดงด้วยแถบสีน้ำเงินแต่ละอันในภาพด้านบนคือ:

  • ส้มแดงเข้ม: Hex CD3700 | RGB 205, 55, 0
  • ส้มแคดเมียม: Hex FF6103 | RGB 255, 97, 3
  • ตัวเลข: ฐานสิบหกแดง FF0000 | RGB 255, 0, 0 (คีย์เวิร์ดสี SVG/CSS สีแดง)

บลูส์คือ:

  1. Dark Royal Blue: Hex 27408B | RGB 39, 64, 139
  2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not คีย์เวิร์ดสี deepskyblue)
  3. Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not color คำสำคัญ darkslateblue)
  4. Dark Cyan: Hex 008B8B | RGB 0, 139, 139 (ด้านสีเขียวของสีน้ำเงิน)
  5. แมงกานีสบลู: Hex 03A89E | RGB 3, 168, 158 (สีฟ้าเทอร์ควอยซ์)
  6. Cyan (อควา): Hex 00FFFF | RGB 0, 255, 255 (คีย์เวิร์ดสี SVG cyan or aqua; a blue-green)

น้ำเงิน แดง และเหลือง

Image
Image

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

  1. Navy: Hex 000080 | RGB 0, 0, 128
  2. สีแดงสดใส: Hex FE0004 | RGB 254, 0, 4
  3. Sunny Yellow: Hex FFFB00 | RGB 255, 251, 0
  4. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (คีย์เวิร์ดสี SVG dark slate blue; a greyish-purple blue)
  5. ทอง: Hex FFD700 | RGB 255, 215, 0 (คีย์เวิร์ดสี SVG สีทอง)
  6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
  7. Dark Cyan: Hex 008B8B | RGB 0, 139, 139 (ด้านสีเขียวของสีน้ำเงิน)
  8. ม่วง-แดง: Hex D02090 | RGB 208, 32, 144
  9. ส้มเข้ม: Hex C83200 | RGB 200, 50, 0 (not คีย์เวิร์ดสี dark orange)

สีน้ำเงินเข้มขึ้นแสดงถึงความสำคัญ ความมั่นใจ อำนาจ อำนาจ สติปัญญา ความมั่นคง ความสามัคคี และการอนุรักษ์ สีแดงเป็นสีเสริมพลัง แต่ดึงดูดความสนใจมากกว่าสีน้ำเงิน สีเหลืองเพิ่มความสดใสและความสุข การใช้สีแต่ละสีในปริมาณที่เท่ากันจะทำให้ดูไร้เดียงสา (คิดว่าเป็นสีหลัก) เช่น ตัวอย่าง 1 อย่างไรก็ตาม หากคุณใช้สีแดงและสีเหลืองเพียงเล็กน้อย (หรือสีใกล้เคียง) ที่มีโทนสีน้ำเงินเข้มเป็นหลัก ก็ค่อนข้างเหมาะสำหรับโครงการสำหรับผู้ใหญ่ที่คุณไม่ต้องการดูจริงจังเกินไป