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

โค้ดสี · Purple · 25 เฉด

สีม่วง โค้ดสีม่วงทุกเฉด รหัสสี HEX RGB CMYK

โค้ดสีม่วงที่หน้านี้ใช้เป็นสีตัวแทนคือม่วง #800080 หรือ RGB 128, 0, 128 ซึ่งเป็นชื่อสีมาตรฐาน CSS purple และหน้านี้รวมสีม่วงไว้ 25 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที

ม่วง Purple
HEX
#800080
RGB
128, 0, 128
CMYK
0, 100, 0, 50
HSL
300°, 100%, 25%

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

โค้ดสีม่วงทั้ง 25 เฉด

ด้านล่างคือสีม่วงทั้ง 25 เฉด เรียงจากอ่อนไปเข้ม แต่ละเฉดมีค่า HEX, RGB, CMYK และ HSL ให้แตะคัดลอกได้ทีละค่า เฉดที่มีป้าย "มาตรฐาน CSS" (14 เฉด) ใช้ค่าตามตารางชื่อสีมาตรฐานของ W3C พิมพ์ชื่อสีนั้นในโค้ด CSS ได้ตรง ๆ ส่วนเฉดที่มีป้าย "ค่าที่นิยมใช้" (11 เฉด) เป็นค่าที่ ThaiGraph เลือกให้ตรงกับชื่อเรียกที่คนไทยใช้ ไม่ใช่ค่ามาตรฐาน และแต่ละคนอาจเรียกสีเดียวกันต่างกันได้เล็กน้อย ความต่างของเฉดอ่อน เฉดเข้ม และโทนหม่น อธิบายไว้ที่ เฉดสีและโทนสี

  • #E6E6FA

    ม่วงลาเวนเดอร์อ่อน

    Lavender

    มาตรฐาน CSSlavender

    HEX
    #E6E6FA
    RGB
    230, 230, 250
    CMYK
    8, 8, 0, 2
    HSL
    240°, 67%, 94%
  • #D6C1E6

    ม่วงอ่อน

    Light purple

    ค่าที่นิยมใช้

    HEX
    #D6C1E6
    RGB
    214, 193, 230
    CMYK
    7, 16, 0, 10
    HSL
    274°, 43%, 83%
  • #D8BFD8

    ม่วงดอกทิสเซิล

    Thistle

    มาตรฐาน CSSthistle

    HEX
    #D8BFD8
    RGB
    216, 191, 216
    CMYK
    0, 12, 0, 15
    HSL
    300°, 24%, 80%
  • #C3B1E1

    ม่วงพาสเทล

    Pastel purple

    ค่าที่นิยมใช้

    HEX
    #C3B1E1
    RGB
    195, 177, 225
    CMYK
    13, 21, 0, 12
    HSL
    263°, 44%, 79%
  • #DDA0DD

    ม่วงพลัม

    Plum

    มาตรฐาน CSSplum

    HEX
    #DDA0DD
    RGB
    221, 160, 221
    CMYK
    0, 28, 0, 13
    HSL
    300°, 47%, 75%
  • #EE82EE

    ม่วงไวโอเล็ต

    Violet

    มาตรฐาน CSSviolet

    HEX
    #EE82EE
    RGB
    238, 130, 238
    CMYK
    0, 45, 0, 7
    HSL
    300°, 76%, 72%
  • #C8A2C8

    ม่วงไลแลค

    Lilac

    ค่าที่นิยมใช้

    HEX
    #C8A2C8
    RGB
    200, 162, 200
    CMYK
    0, 19, 0, 22
    HSL
    300°, 26%, 71%
  • #B57EDC

    ลาเวนเดอร์

    Lavender purple

    ค่าที่นิยมใช้

    HEX
    #B57EDC
    RGB
    181, 126, 220
    CMYK
    18, 43, 0, 14
    HSL
    275°, 57%, 68%
  • #9370DB

    ม่วงกลาง

    Medium purple

    มาตรฐาน CSSmediumpurple

    HEX
    #9370DB
    RGB
    147, 112, 219
    CMYK
    33, 49, 0, 14
    HSL
    260°, 60%, 65%
  • #DA70D6

    ม่วงกล้วยไม้

    Orchid

    มาตรฐาน CSSorchid

    HEX
    #DA70D6
    RGB
    218, 112, 214
    CMYK
    0, 49, 2, 15
    HSL
    302°, 59%, 65%
  • #9966CC

    ม่วงอเมทิสต์

    Amethyst

    ค่าที่นิยมใช้

    HEX
    #9966CC
    RGB
    153, 102, 204
    CMYK
    25, 50, 0, 20
    HSL
    270°, 50%, 60%
  • #BA55D3

    ม่วงกล้วยไม้กลาง

    Medium orchid

    มาตรฐาน CSSmediumorchid

    HEX
    #BA55D3
    RGB
    186, 85, 211
    CMYK
    12, 60, 0, 17
    HSL
    288°, 59%, 58%
  • #8A2BE2

    ม่วงอมน้ำเงิน

    Blue violet

    มาตรฐาน CSSblueviolet

    HEX
    #8A2BE2
    RGB
    138, 43, 226
    CMYK
    39, 81, 0, 11
    HSL
    271°, 76%, 53%
  • #9932CC

    ม่วงกล้วยไม้เข้ม

    Dark orchid

    มาตรฐาน CSSdarkorchid

    HEX
    #9932CC
    RGB
    153, 50, 204
    CMYK
    25, 75, 0, 20
    HSL
    280°, 61%, 50%
  • #5B3E96

    ม่วงคราม

    Indigo violet

    ค่าที่นิยมใช้

    HEX
    #5B3E96
    RGB
    91, 62, 150
    CMYK
    39, 59, 0, 41
    HSL
    260°, 42%, 42%
  • #5C3D99

    ม่วงอัญชัน

    Butterfly pea purple

    ค่าที่นิยมใช้

    HEX
    #5C3D99
    RGB
    92, 61, 153
    CMYK
    40, 60, 0, 40
    HSL
    260°, 43%, 42%
  • #6F2DA8

    ม่วงองุ่น

    Grape

    ค่าที่นิยมใช้

    HEX
    #6F2DA8
    RGB
    111, 45, 168
    CMYK
    34, 73, 0, 34
    HSL
    272°, 58%, 42%
  • #9400D3

    ม่วงไวโอเล็ตเข้ม

    Dark violet

    มาตรฐาน CSSdarkviolet

    HEX
    #9400D3
    RGB
    148, 0, 211
    CMYK
    30, 100, 0, 17
    HSL
    282°, 100%, 41%
  • #663399

    ม่วงรีเบคกา

    Rebecca purple

    มาตรฐาน CSSrebeccapurple

    HEX
    #663399
    RGB
    102, 51, 153
    CMYK
    33, 67, 0, 40
    HSL
    270°, 50%, 40%
  • #8E3A59

    ม่วงชาด

    Red purple

    ค่าที่นิยมใช้

    HEX
    #8E3A59
    RGB
    142, 58, 89
    CMYK
    0, 59, 37, 44
    HSL
    338°, 42%, 39%
  • #614051

    ม่วงมะเขือ

    Eggplant

    ค่าที่นิยมใช้

    HEX
    #614051
    RGB
    97, 64, 81
    CMYK
    0, 34, 16, 62
    HSL
    329°, 20%, 32%
  • #8B008B

    ม่วงแมเจนตาเข้ม

    Dark magenta

    มาตรฐาน CSSdarkmagenta

    HEX
    #8B008B
    RGB
    139, 0, 139
    CMYK
    0, 100, 0, 45
    HSL
    300°, 100%, 27%
  • #4B0082

    ม่วงอินดิโก

    Indigo

    มาตรฐาน CSSindigo

    HEX
    #4B0082
    RGB
    75, 0, 130
    CMYK
    42, 100, 0, 49
    HSL
    275°, 100%, 25%
  • #800080

    ม่วง

    Purple

    มาตรฐาน CSSpurple

    HEX
    #800080
    RGB
    128, 0, 128
    CMYK
    0, 100, 0, 50
    HSL
    300°, 100%, 25%
  • #3C1361

    ม่วงเข้ม

    Deep purple

    ค่าที่นิยมใช้

    HEX
    #3C1361
    RGB
    60, 19, 97
    CMYK
    38, 80, 0, 62
    HSL
    272°, 67%, 23%

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

พาเล็ตต์สีม่วงพร้อมใช้

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

  • ลาเวนเดอร์มินิมอล

    #B57EDC
    #D6C1E6
    #F4F0F8
    #8C8C8C
    #2E2A36
  • ม่วงกับทอง

    #3C1361
    #663399
    #C9A54C
    #F5EBD7
    #FFFFFF
  • ม่วงกับเหลือง

    #5B3E96
    #9966CC
    #FFC512
    #FFF8E1
    #1E1433
  • ม่วงชาดอบอุ่น

    #8E3A59
    #614051
    #E8C4C4
    #FAF1EE
    #C48793

สีม่วงเข้ากับสีอะไร

สีที่ตัดกับม่วงได้ชัดที่สุดคือสีตรงข้ามบนวงจรสี #008000 (ตรงกับเขียว) ส่วนสีที่กลมกลืนที่สุดคือสีข้างเคียง #400080 และ #800040 ทุกค่าด้านล่างคำนวณจากม่วง #800080 ด้วยการหมุนค่าเฉดสี (Hue) ในระบบ HSL โดยคงความสด (Saturation) และความสว่าง (Lightness) ไว้เท่าเดิม ชื่อที่กำกับใต้สีคือเฉดในคลังที่ดูใกล้เคียงที่สุด ถ้าไม่มีเฉดไหนใกล้พอจะแสดงเพียงองศาที่หมุน หลักการของแต่ละแบบอ่านต่อได้ที่ สีคู่ตรงข้าม และ วงจรสี

  • คู่ตรงข้าม Complementary · +180°

    ตัดกันแรงที่สุด ใช้สีหนึ่งเป็นสีหลักและให้อีกสีเป็นจุดเน้นเล็ก ๆ เช่น ปุ่มหรือหัวข้อ

    #800080

    ม่วง สีตั้งต้น

    #008000

    เขียว +180°

  • สีข้างเคียง Analogous · -30° / +30°

    กลมกลืนและสบายตา เหมาะกับพื้นหลัง ภาพประกอบ และงานที่ต้องการอารมณ์เดียวกันทั้งหน้า

    #800080

    ม่วง สีตั้งต้น

    #800040

    ไม่มีชื่อเฉดในคลัง +30°

  • สามเส้า Triadic · +120° / +240°

    สดใสและสมดุล ควรให้สีหนึ่งเด่นที่สุด แล้วใช้อีกสองสีเป็นสีรองในพื้นที่เล็กกว่า

    #800080

    ม่วง สีตั้งต้น

  • คู่ตรงข้ามแยก Split complementary · +150° / +210°

    ตัดกันชัดแต่ไม่แรงเท่าคู่ตรงข้าม จับคู่ง่ายกว่าและพลาดยากกว่า

    #800080

    ม่วง สีตั้งต้น

    #408000

    ไม่มีชื่อเฉดในคลัง +150°

ตัวหนังสือบนสีม่วงควรเป็นสีอะไร

บนม่วง #800080 ตัวหนังสือสีขาวอ่านง่ายกว่า ได้ค่าคอนทราสต์ 9.41:1 ส่วนตัวหนังสือสีดำได้ 2.22:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีม่วงอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก

ตัวหนังสือสีขาว Aa 9.41:1 · ผ่าน
ตัวหนังสือสีดำ Aa 2.22:1 · ไม่ผ่าน
เฉดตัวหนังสือขาวตัวหนังสือดำ
ม่วงลาเวนเดอร์อ่อน#E6E6FA 1.23:1 ไม่ผ่าน 17.06:1 ผ่าน · แนะนำ
ม่วงพาสเทล#C3B1E1 1.96:1 ไม่ผ่าน 10.69:1 ผ่าน · แนะนำ
ม่วงไลแลค#C8A2C8 2.22:1 ไม่ผ่าน 9.45:1 ผ่าน · แนะนำ
ม่วงกล้วยไม้#DA70D6 2.88:1 ไม่ผ่าน 7.26:1 ผ่าน · แนะนำ
ม่วงอมน้ำเงิน#8A2BE2 5.95:1 ผ่าน · แนะนำ 3.52:1 ผ่านเฉพาะตัวใหญ่
ม่วงอัญชัน#5C3D99 8.13:1 ผ่าน · แนะนำ 2.58:1 ไม่ผ่าน
ม่วงรีเบคกา#663399 8.40:1 ผ่าน · แนะนำ 2.49:1 ไม่ผ่าน
ม่วงแมเจนตาเข้ม#8B008B 8.49:1 ผ่าน · แนะนำ 2.47:1 ไม่ผ่าน
ม่วง#800080 9.41:1 ผ่าน · แนะนำ 2.22:1 ไม่ผ่าน

สีม่วงให้ความรู้สึกแบบไหน

พจนานุกรมฉบับราชบัณฑิตยสถานให้ความหมายของคำว่า "ม่วง" ในฐานะชื่อสีว่า "สีน้ำเงินปนแดง, ถ้าออกครามเรียก สีม่วงคราม, ถ้าออกแดงเรียก สีม่วงชาด, ถ้าเจือขาวเรียก สีม่วงอ่อน" ซึ่งเป็นนิยามที่ใช้อ้างอิงได้เมื่อต้องอธิบายสีนี้เป็นภาษาไทย

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

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

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

เคล็ดลับใช้สีม่วงในงานออกแบบ

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

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

วิธีนำโค้ดสีม่วงไปใช้

แตะค่า HEX ในตารางเพื่อคัดลอก แล้ววางในช่องรหัสสีของโปรแกรมได้ทันที ใช้ได้ทั้ง Canva, Figma, Photoshop และ Illustrator ส่วน Microsoft Word ให้ไปที่ More Colors แล้ววางค่า HEX ในช่อง Hex ของแท็บ Custom (Word รุ่นเก่าที่ไม่มีช่องนี้ให้ใส่ค่า RGB แทน) ขั้นตอนของแต่ละโปรแกรมอยู่ที่ หน้ารวมโค้ดสี ถ้ามีโค้ดสีในรูปแบบอื่นอยู่แล้ว เช่น CMYK จากโรงพิมพ์ แปลงกลับเป็น HEX ได้ที่ เครื่องมือแปลงโค้ดสี

โค้ดสีตระกูลอื่น

ThaiGraph รวมโค้ดสีไว้ 19 ตระกูล รวม 450 เฉด เลือกตระกูลที่ต้องการด้านล่าง หรือดูทุกเฉดในหน้าเดียวพร้อมช่องค้นหาที่ รวมโค้ดสี ส่วนสีไทยโบราณอยู่ที่ สีไทย Thaitone

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

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

  1. ค่า HEX ของเฉดที่มีป้าย "มาตรฐาน CSS" ทั้ง 14 เฉด (เช่น purple = #800080) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (accessed Nov 3, 2026)
  2. ความหมายของคำว่า "ม่วง ๑": "สีน้ำเงินปนแดง, ถ้าออกครามเรียก สีม่วงคราม, ถ้าออกแดงเรียก สีม่วงชาด, ถ้าเจือขาวเรียก สีม่วงอ่อน"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
  3. โค้ด HEX 6 หลักคือค่าแดง เขียว และน้ำเงิน คู่ละ 2 หลัก ในระบบเลขฐานสิบหก—W3C, CSS Color Module Level 4 — §5.2 The RGB Hexadecimal Notations (accessed Nov 3, 2026)
  4. เกณฑ์คอนทราสต์ขั้นต่ำ 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา)—W3C, Understanding WCAG 2.2 — Success Criterion 1.4.3 Contrast (Minimum) (accessed Nov 3, 2026)