โค้ดสี · Purple · 25 เฉด
สีม่วง โค้ดสีม่วงทุกเฉด รหัสสี HEX RGB CMYK
โค้ดสีม่วงที่หน้านี้ใช้เป็นสีตัวแทนคือม่วง #800080 หรือ RGB 128, 0, 128 ซึ่งเป็นชื่อสีมาตรฐาน CSS purple และหน้านี้รวมสีม่วงไว้ 25 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที
- 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
มาตรฐาน CSS
lavender- 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
มาตรฐาน CSS
thistle- 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
มาตรฐาน CSS
plum- HEX
-
#DDA0DD - RGB
-
221, 160, 221 - CMYK
-
0, 28, 0, 13 - HSL
-
300°, 47%, 75%
- #EE82EE
ม่วง
ไวโอเล็ต Violet
มาตรฐาน CSS
violet- 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
มาตรฐาน CSS
mediumpurple- HEX
-
#9370DB - RGB
-
147, 112, 219 - CMYK
-
33, 49, 0, 14 - HSL
-
260°, 60%, 65%
- #DA70D6
ม่วง
กล้วยไม้ Orchid
มาตรฐาน CSS
orchid- 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
มาตรฐาน CSS
mediumorchid- HEX
-
#BA55D3 - RGB
-
186, 85, 211 - CMYK
-
12, 60, 0, 17 - HSL
-
288°, 59%, 58%
- #8A2BE2
ม่วง
อม น้ำเงิน Blue violet
มาตรฐาน CSS
blueviolet- HEX
-
#8A2BE2 - RGB
-
138, 43, 226 - CMYK
-
39, 81, 0, 11 - HSL
-
271°, 76%, 53%
- #9932CC
ม่วง
กล้วยไม้ เข้ม Dark orchid
มาตรฐาน CSS
darkorchid- 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
มาตรฐาน CSS
darkviolet- HEX
-
#9400D3 - RGB
-
148, 0, 211 - CMYK
-
30, 100, 0, 17 - HSL
-
282°, 100%, 41%
- #663399
ม่วง
รีเบคกา Rebecca purple
มาตรฐาน CSS
rebeccapurple- 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
มาตรฐาน CSS
darkmagenta- HEX
-
#8B008B - RGB
-
139, 0, 139 - CMYK
-
0, 100, 0, 45 - HSL
-
300°, 100%, 27%
- #4B0082
ม่วง
อินดิโก Indigo
มาตรฐาน CSS
indigo- HEX
-
#4B0082 - RGB
-
75, 0, 130 - CMYK
-
42, 100, 0, 49 - HSL
-
275°, 100%, 25%
- #800080
ม่วง
Purple
มาตรฐาน CSS
purple- 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°
กลมกลืนและสบายตา เหมาะกับพื้นหลัง ภาพประกอบ และงานที่ต้องการอารมณ์เดียวกันทั้งหน้า
-
สามเส้า Triadic · +120° / +240°
สดใสและสมดุล ควรให้สีหนึ่งเด่นที่สุด แล้วใช้อีกสองสีเป็นสีรองในพื้นที่เล็กกว่า
-
คู่ตรงข้ามแยก Split complementary · +150° / +210°
ตัดกันชัดแต่ไม่แรงเท่าคู่ตรงข้าม จับคู่ง่ายกว่าและพลาดยากกว่า
ตัวหนังสือบนสีม่วงควรเป็นสีอะไร
บนม่วง #800080 ตัวหนังสือสีขาวอ่านง่ายกว่า ได้ค่าคอนทราสต์ 9.41:1 ส่วนตัวหนังสือสีดำได้ 2.22:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีม่วงอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก
| เฉด | ตัวหนังสือขาว | ตัวหนังสือดำ |
|---|---|---|
| ม่วง | 1.23:1 ไม่ผ่าน | 17.06:1 ผ่าน · แนะนำ |
| ม่วง | 1.96:1 ไม่ผ่าน | 10.69:1 ผ่าน · แนะนำ |
| ม่วง | 2.22:1 ไม่ผ่าน | 9.45:1 ผ่าน · แนะนำ |
| ม่วง | 2.88:1 ไม่ผ่าน | 7.26:1 ผ่าน · แนะนำ |
| ม่วง | 5.95:1 ผ่าน · แนะนำ | 3.52:1 ผ่านเฉพาะตัวใหญ่ |
| ม่วง | 8.13:1 ผ่าน · แนะนำ | 2.58:1 ไม่ผ่าน |
| ม่วง | 8.40:1 ผ่าน · แนะนำ | 2.49:1 ไม่ผ่าน |
| ม่วง | 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
แหล่งอ้างอิง
- ค่า HEX ของเฉดที่มีป้าย "มาตรฐาน CSS" ทั้ง 14 เฉด (เช่น purple = #800080) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (accessed Nov 3, 2026)
- ความหมายของคำว่า "ม่วง ๑": "สีน้ำเงินปนแดง, ถ้าออกครามเรียก สีม่วงคราม, ถ้าออกแดงเรียก สีม่วงชาด, ถ้าเจือขาวเรียก สีม่วงอ่อน"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
- โค้ด HEX 6 หลักคือค่าแดง เขียว และน้ำเงิน คู่ละ 2 หลัก ในระบบเลขฐานสิบหก—W3C, CSS Color Module Level 4 — §5.2 The RGB Hexadecimal Notations (accessed Nov 3, 2026)
- เกณฑ์คอนทราสต์ขั้นต่ำ 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา)—W3C, Understanding WCAG 2.2 — Success Criterion 1.4.3 Contrast (Minimum) (accessed Nov 3, 2026)