เครื่องมือสร้างพาเลตสีฟรี

สร้างพาเลตสีในไม่กี่วินาที

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

พิมพ์ชื่อแล้วรับพาเลตสีเฉพาะตัวสร้างพาเลตจากชื่อ →

กด Spacebar เพื่อเปลี่ยนสี

ใหม่

สร้าง เลือกดู และส่งออกพาเลตสี รวดเร็ว ง่าย และครบในที่เดียว

เครื่องมือของเรา

สร้าง
พาเลต

สร้างพาเลตในไม่กี่วินาที กด Spacebar ล็อกสีที่ชอบ แล้วลองต่อไปเรื่อยๆ

เริ่มสร้างเลย

เลือกดู
พาเลต

หาแรงบันดาลใจจากพาเลตใน 31 หมวดหมู่: พาสเทล วินเทจ นีออน ฤดูใบไม้ร่วง พระอาทิตย์ตก และอื่นๆ

ดูพาเลต

พาเลตจากรูปภาพ

อัปโหลดรูปถ่าย ดึงสีที่ดีที่สุดออกมา แล้วทำเป็นพาเลต

อัปโหลดรูปภาพ

ตรวจคอนทราสต์

ตรวจตามหลักการเข้าถึง WCAG ว่าข้อความอ่านได้ชัดบนพื้นหลังหรือไม่

ตรวจคอนทราสต์

ฮาร์โมนีสี

เลือกสีแล้วหาสีคู่ตรงข้าม สีข้างเคียง และไตรแอดบนวงล้อสี

ดูฮาร์โมนี

วงล้อสี

เลื่อนจุดไปรอบวงล้อแล้วดูได้ทันทีว่าสีใดเข้ากับสีที่เลือก

ลองใช้วงล้อ

เครื่องมือสร้างเฉดสี

เลือกสีแล้วรับเฉดสีทั้งหมด ตั้งแต่อ่อนที่สุดถึงเข้มที่สุด พร้อมคัดลอก

ดูเฉดสี

ผสมสี

ผสมสีแบบสีทาหรือแบบแสง แล้วรู้ว่าควรผสมสีอะไรเพื่อให้ได้สีที่ต้องการ

ผสมสี

พาเลตไล่เฉดสี

เฉดกลางระหว่างสองสี พร้อมคัดลอก

เลือกสองสี

แต่งรูป

ฟิลเตอร์ เอฟเฟกต์ และการปรับสีสำหรับรูปของคุณ ฟรี

เลือกรูป

เครื่องมือสร้างเกรเดียนต์

สร้างการไล่สีอย่างนุ่มนวลระหว่างสองสีขึ้นไป แล้วคัดลอกโค้ด CSS สำเร็จรูป

สร้างเกรเดียนต์

ชื่อสี

ค้นหาสีที่มีชื่อหลายร้อยสี แล้วคัดลอกโค้ด HEX หรือ RGB

ค้นหาสี

สีสำหรับเว็บ

พาเลตสำหรับเว็บไซต์และอินเทอร์เฟซ พร้อมโค้ด CSS สำเร็จรูปให้คัดลอก

ดูพาเลตสำหรับเว็บ

เครื่องมือฟรีทั้งหมด →

ไอเดียสีเพิ่มเติม

ส่งออกได้ตามต้องการ

ไอเดียพาเลตตามธีม

งานแต่งงานโลโก้เว็บไซต์ร้านอาหารห้องนอนวินเทจคริสต์มาสสีเอิร์ธโทนมินิมอลวันเกิดQuinceañeraชายหาดดูทั้งหมด →

สีที่มีคนค้นหามากที่สุด

เทอร์ราคอตตามะกอกน้ำเงินกรมท่าชมพูแป้งเบจไลแลคมัสตาร์ดไวน์เทอร์ควอยซ์ฟ้าฟูเชียมิ้นต์สีทั้งหมด →

ไม่รู้ว่าจะจับคู่สีไหนดีใช่ไหม ดูการจับคู่สี เรียนรู้ความหมายของสี หรือใช้เครื่องมือแปลง HEX เป็น RGB

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

พาเลตสีคืออะไร?

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

เครื่องมือสร้างพาเลตนี้ทำงานอย่างไร?

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

จะเลือกพาเลตสีที่ดีอย่างไร?

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

จะหาสีที่เข้ากันได้อย่างไร?

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

ควรใช้สีอะไรบนเว็บ?

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

วงล้อสีคืออะไร?

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

แม่สีและสีขั้นที่สองมีอะไรบ้าง?

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

สีโมโนโครมและสีคู่ตรงข้ามคืออะไร?

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

ใช้พาเลตเหล่านี้ได้ฟรีไหม?

ได้ คุณคัดลอกโค้ด HEX หรือ CSS ไปใช้ในโปรเจกต์ใดก็ได้ ทั้งงานส่วนตัวและงานเชิงพาณิชย์