ข้ามไปยังเนื้อหา

ทฤษฎีสี

สีโทนร้อน และสีโทนเย็น มีสีอะไรบ้าง

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

ซีกโทนร้อน
ซีกโทนเย็น

สีโทนร้อนมีสีอะไรบ้าง

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

  • เหลืองครึ่งหนึ่ง
    #FCE300

    RGB252, 227, 0CMYK0, 10, 100, 1

  • ส้มเหลือง
    #FDB813

    RGB253, 184, 19CMYK0, 27, 92, 1

  • ส้ม
    #F7941D

    RGB247, 148, 29CMYK0, 40, 88, 3

  • ส้มแดง
    #F15A24

    RGB241, 90, 36CMYK0, 63, 85, 5

  • แดง
    #E3171B

    RGB227, 23, 27CMYK0, 90, 88, 11

  • ม่วงแดง
    #B5197A

    RGB181, 25, 122CMYK0, 86, 33, 29

  • ม่วงครึ่งหนึ่ง
    #6A2C8F

    RGB106, 44, 143CMYK26, 69, 0, 44

สีโทนเย็นมีสีอะไรบ้าง

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

  • เหลืองครึ่งหนึ่ง
    #FCE300

    RGB252, 227, 0CMYK0, 10, 100, 1

  • เขียวเหลือง
    #A6CE39

    RGB166, 206, 57CMYK19, 0, 72, 19

  • เขียว
    #2EA44B

    RGB46, 164, 75CMYK72, 0, 54, 36

  • เขียวน้ำเงิน
    #0E8A8A

    RGB14, 138, 138CMYK90, 0, 0, 46

  • น้ำเงิน
    #1F4FA3

    RGB31, 79, 163CMYK81, 52, 0, 36

  • ม่วงน้ำเงิน
    #3F3E99

    RGB63, 62, 153CMYK59, 59, 0, 40

  • ม่วงครึ่งหนึ่ง
    #6A2C8F

    RGB106, 44, 143CMYK26, 69, 0, 44

ค่า HEX ของวงจรสีคือค่าที่ ThaiGraph เลือกให้ดูใกล้สีโปสเตอร์บนจอ ส่วน RGB และ CMYK คำนวณจาก HEX

เหลืองกับม่วงเป็นสีโทนร้อนหรือโทนเย็น

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

  • เหลืองอมส้มโทนร้อน
    #FCB900
  • เหลืองอมเขียวโทนเย็น
    #E3FC00
  • ม่วงอมแดงโทนร้อน
    #882C8F
  • ม่วงอมน้ำเงินโทนเย็น
    #4C2C8F

ขาว ดำ เทา เป็นสีโทนอะไร

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

  • ขาว
    #FFFFFF
  • เทาอ่อน
    #D9D9D9
  • เทากลาง
    #808080
  • เทาเข้ม
    #404040
  • ดำ
    #000000

ใช้สีโทนร้อนโทนเย็นในงานออกแบบอย่างไร

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

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

พาเล็ตต์สีโทนร้อน

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

แดดเย็นริมแม่น้ำ

  • #5C1A1B
  • #B23A1E
  • #E8772E
  • #F6B54A
  • #FBE7C6

เครื่องเทศตลาดสด

  • #3D1F10
  • #8F3B1B
  • #C9702A
  • #E6B85C
  • #FFF6E5

ดินเผาสีชมพู

  • #3B1F1A
  • #A6463C
  • #D9846B
  • #F0C2A8
  • #FBF0E8

พาเล็ตต์สีโทนเย็น

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

ทะเลอันดามัน

  • #0B2E4F
  • #145C8C
  • #1F8FB3
  • #7CC6D6
  • #E3F4F7

ป่าฝนหลังฝนตก

  • #13261C
  • #1F4D36
  • #3C7A57
  • #93BFA0
  • #E8F1EA

ลาเวนเดอร์ยามเช้า

  • #26213F
  • #4B3F7A
  • #7B6BB0
  • #B9AEDB
  • #F0EDF8

ตรวจสอบข้อมูลเมื่อ November 2026

แหล่งอ้างอิง

  1. วงล้อ 12 สีแบ่งเป็น 2 วรรณะ วรรณะสีอุ่นได้แก่ เหลือง (ครึ่งหนึ่ง) ส้มเหลือง ส้ม ส้มแดง แดง ม่วงแดง และม่วง (ครึ่งหนึ่ง) วรรณะสีเย็นได้แก่ เหลือง (อีกครึ่ง) เขียวเหลือง เขียว เขียวน้ำเงิน น้ำเงิน ม่วงน้ำเงิน และม่วง (อีกครึ่ง) เหลืองและม่วงจะอุ่นเมื่ออยู่ในกลุ่มสีอุ่นและเย็นเมื่ออยู่ในกลุ่มสีเย็น แนวทางสัดส่วนสี 80:20 และคำอธิบายความรู้สึกของสีแดงและสีน้ำเงิน—คณะศิลปกรรมศาสตร์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรี — ทฤษฎีการจับคู่สี (Color wheel) (accessed Nov 3, 2026)
  2. ลำดับสีขั้นที่ 1, 2, 3 ในวงจรสี—TruePlookpanya — วงจรสี (Colour Circle) (accessed Nov 3, 2026)
  3. ชุดสีข้างเคียงมักมีอุณหภูมิสีเดียวกัน คือเป็นสีโทนร้อนล้วนหรือโทนเย็นล้วน—Wikipedia — Color scheme (accessed Nov 3, 2026)
  4. ความอิ่มตัว 0% ใน hsl() คือสีเทาที่ไม่มีความสดเลย—W3C — CSS Color Module Level 4 (accessed Nov 3, 2026)