20 พาเลทสีเอิร์ธโทน พร้อมโค้ดสี HTML

สวัสดีครับเพื่อน ๆ ชาวดีไซน์นิวทุกท่าน วันนี้บทความตระกูลพาเลทสีสำหรับดีไซน์เนอร์ กลับมาอีกครั้งแล้วครับ ในครั้งนี้เราจะมาแนะนำพาเลตสีสไตล์มินิมอล เอิร์ธโทน เหมาะสำหรับท่านที่จะนำไปใช้ออกแบบ, ทำแบรนด์ หรือจะทำสีสำหรับตกแต่งบ้าน

เรามาดูกันก่อนเลยครับว่าเอิร์ธโทนนั้นคืออะไร

สีเอิร์ธโทน?

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

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

รู้หรือไม่? เพื่อให้ได้เฉดสีน้ำตาล สิ่งที่เพื่อน ๆ ต้องทำคือผสมสีหลักกับสีคู่ตรงกันข้าม ในทางทฤษฎีสีเราจะเรียกว่าสีแบบ Complementary (สีคู่ตรงกันข้าม) เช่น สีม่วงและสีเหลือง สีฟ้าและสีส้ม หรือสีแดงและสีเขียว

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

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

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

โดยในไฟล์นี้เราจะมีทั้งพาเลตสี Minimal​ และพาเลตสี Earth Tone ที่มีทั้งเฉดสีน้ำตาล กับสีเขียวมาผสมกัน

สีไหนที่จะเข้ากับสีเอิร์ธโทนได้บ้าง ?

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

นี่จึงเป็นที่มาว่าทำไมสีเอิร์ธโทนนั้นถึงเป็นที่นิยมในการใช้ในการออกแบบ เพราะการที่เราใช้สีอ้างอิงจากธรรมชาติ เราก็จะได้สีที่ผ่อนคลายสำหรับทั้งดวงตาและจิตใจนั่นเองครับ

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

หรือถ้ายังไม่เห็นภาพมาดูตัวอย่างคำอธิบายเหล่านี้ เพื่อน ๆ จะเห็นภาพขึ้นมาในหัวทันที

• สีฟ้าน้ำทะเลและสีเขียวที่ผสมเข้ากัน ไปถึงริมชายหาดที่มีสีน้ำตาลทอง
• ท้องฟ้าครึ้มที่มีสีส้ม น้ำตาล ผสมกับสีฟ้า
• สีน้ำตาลแดงสำหรับดิน สีเขียวจากต้นไม้

สีอะไรอยู่ในสีเอิร์ธโทนบ้าง ?

ส่วนใหญ่แล้วสีเอิร์ธโทนจะมาจากธรรมชาติ ดังนั้นสีหลัก ๆ ที่เราจะเห็นกันคือสีดังต่อไปนี้นะครับ

• สีน้ำตาล
• สีฟ้า
• สีเขียว
• สีน้ำตาลอมเหลือง

จัดว่าวันนี้ Designil พาโค้ดสีเอิร์ธโทน และโค้ดสีมินิมอลมาให้ดูอย่างจุใจเลยทีเดียวครับ เพราะมีมากกว่า 20 พาเลต หรือมากกว่า 100 โค้ดสี

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

50 โค้ดสีพาสเทล Pastel สวยๆ นุ่มละมุน

รวมโค้ดสีทองสำหรับงานหรูหรา พร้อมรหัสสีใช้งานได้เลย

แจก 300 โค้ดสี HTML คัดพาเลตมาให้แล้วจากดีไซน์เนอร์

สำหรับใครที่ชอบการผสมสีเอง ลองไปปรับเล่นกันได้ในเว็บไซต์ของ Adobe ได้เลย Adobe color palette

บทความที่เกี่ยวข้อง

• แจกฟรี 20 เทมเพลตสวย ๆ Google Slide Template
• เครื่องมือเลือกสีออนไลน์สำหรับออกแบบเว็บไซต์
• รวม 16 เว็บไซต์ช่วยเลือกคู่สี พาเลทสวย ๆ
• แจก 300 โค้ดสี HTML คัดพาเลตมาให้แล้วจากดีไซน์เนอร์
• แจกเว็บรวมโค้ดสีของแบรนด์ทั่วโลก พร้อมเซฟใส่ Photoshop & CSS !!

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