ผสมสี ออนไลน์ ฟรี

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

ผสม 2 หรือ 3 สีในสัดส่วนที่ต้องการแบบสีทาหรือแสง หรือไล่เฉดสีสองสีสูงสุด 10 ขั้น คัดลอกค่า HEX, RGB, HSL และ CMYK ได้

ผสมสี ไล่เฉดเป็นขั้น

สี 1

ปริมาณ

สี 2

ปริมาณ

โมเดลการผสม

สีทา แสง ตามการรับรู้

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

สูตร

สีที่ผสมได้

เลือก 2 หรือ 3 สีและกำหนดปริมาณของแต่ละสี: สีที่ผสมจะคำนวณทันทีในเบราว์เซอร์ของคุณ คลิกที่ผลลัพธ์หรือค่าใดก็ได้เพื่อคัดลอก

เกี่ยวกับ ผสมสี

ผสมสีช่วยให้คุณเห็นว่าเมื่อผสมสองหรือสามสีเข้าด้วยกันจะได้สีอะไร เลือกสี กำหนดว่าแต่ละสีใส่ลงไปมากแค่ไหน แล้วสีผลลัพธ์จะปรากฏทันทีพร้อมค่า HEX, RGB, HSL และ CMYK รวมถึงแถบสูตรที่แสดงสัดส่วนของแต่ละสี

โมเดลการผสมสามแบบตอบโจทย์ต่างกัน สีทาผสมแบบเม็ดสีจริง สีน้ำเงินกับสีเหลืองจึงได้สีเขียว และสีดำเพียงเล็กน้อยก็เปลี่ยนสีได้มาก แสงเฉลี่ยสีแบบที่หน้าจอและไฟสีผสมกัน สีแดงกับสีเขียวจึงได้สีเหลือง ตามการรับรู้เฉลี่ยสีในปริภูมิ OKLab ที่ CSS color-mix() ใช้ ให้ผลที่ราบรื่นและสม่ำเสมอสำหรับงาน UI และงานดีไซน์

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

วิธีใช้ ผสมสี

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

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

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

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

สีทาจำลองเม็ดสีที่ดูดซับแสง การผสมจึงเข้มขึ้นและสีน้ำเงินกับสีเหลืองได้สีเขียว แสงเฉลี่ยสีในแสงเชิงเส้น เหมือนที่พิกเซลหรือหลอดไฟสีผสมกัน ตามการรับรู้เฉลี่ยใน OKLab ให้ผลที่สมดุลสม่ำเสมอและตรงกับ CSS color-mix()

ได้ เพิ่มสีที่สาม แล้วกำหนดปริมาณแต่ละสีตั้งแต่ 1 ถึง 100 ปริมาณเป็นค่าสัมพัทธ์ ดังนั้น 2, 1 และ 1 จะได้ส่วนผสม 50%, 25% และ 25% แถบสูตรและเปอร์เซ็นต์แสดงสัดส่วนที่แน่นอนของแต่ละสี

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

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

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

การค้นหายอดนิยม

เครื่องผสมสี ผสมสีออนไลน์ ผสมสองสีได้สีอะไร ผสมสีทา ผสมสามสี เครื่องคิดเลขผสมสี ผสมสองสี ไล่เฉดระหว่างสี ขั้นตอนไล่เฉดสี เครื่องมือผสมสี

ต้องการความช่วยเหลือ?

พบปัญหากับเครื่องมือนี้หรือไม่? แจ้งทีมงานของเรา

รายงานปัญหา

เพิ่มเครื่องมือฟรีนี้ลงในเว็บไซต์ของคุณเอง: คัดลอกและวางโค้ดด้านล่าง

<iframe src="https://tweakee.com/th/tools/color/color-mixer?embed=1" width="100%" height="720" style="border:1px solid #e2e8f0;border-radius:12px;max-width:680px;" loading="lazy"></iframe>

ผสมสี

เกี่ยวกับ ผสมสี

วิธีใช้ ผสมสี

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

ผสมสีใช้ฟรีหรือไม่?

สีน้ำเงินกับสีเหลืองผสมกันได้สีอะไร?

โมเดลสีทา แสง และตามการรับรู้ต่างกันอย่างไร?

ผสมสามสีในสัดส่วนที่ต่างกันได้ไหม?

ผลลัพธ์ของสีทาตรงกับสีทาจริงเป๊ะหรือไม่?

การไล่เฉดแบบ RGB กับ HSL ต่างกันอย่างไร?

จะหาสีตรงกลางระหว่างสองสีได้อย่างไร?

เครื่องมือที่เกี่ยวข้อง

การค้นหายอดนิยม

ฝังเครื่องมือนี้