โค้ดสี · Pink · 26 เฉด
สีชมพู โค้ดสีชมพูทุกเฉด รหัสสี HEX RGB CMYK
โค้ดสีชมพูที่หน้านี้ใช้เป็นสีตัวแทนคือชมพูฮอตพิงก์ #FF69B4 หรือ RGB 255, 105, 180 ซึ่งเป็นชื่อสีมาตรฐาน CSS hotpink และหน้านี้รวมสีชมพูไว้ 26 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที
- HEX
-
#FF69B4 - RGB
-
255, 105, 180 - CMYK
-
0, 59, 29, 0 - HSL
-
330°, 100%, 71%
ชมพูมีตั้งแต่ชมพูอ่อนหวานแบบพาสเทล ชมพูสดแบบบานเย็น ไปจนถึงชมพูหม่นแบบชมพูกะปิ หน้านี้รวมชื่อเรียกที่คนไทยใช้จริงพร้อมโค้ดสีทุกรูปแบบ
โค้ดสีชมพูทั้ง 26 เฉด
ด้านล่างคือสีชมพูทั้ง 26 เฉด เรียงจากอ่อนไปเข้ม แต่ละเฉดมีค่า HEX, RGB, CMYK และ HSL ให้แตะคัดลอกได้ทีละค่า เฉดที่มีป้าย "มาตรฐาน CSS" (10 เฉด) ใช้ค่าตามตารางชื่อสีมาตรฐานของ W3C พิมพ์ชื่อสีนั้นในโค้ด CSS ได้ตรง ๆ ส่วนเฉดที่มีป้าย "ค่าที่นิยมใช้" (16 เฉด) เป็นค่าที่ ThaiGraph เลือกให้ตรงกับชื่อเรียกที่คนไทยใช้ ไม่ใช่ค่ามาตรฐาน และแต่ละคนอาจเรียกสีเดียวกันต่างกันได้เล็กน้อย ความต่างของเฉดอ่อน เฉดเข้ม และโทนหม่น อธิบายไว้ที่ เฉดสีและโทนสี
- #FFE4E1
ชมพู
หมอก Misty rose
มาตรฐาน CSS
mistyrose- HEX
-
#FFE4E1 - RGB
-
255, 228, 225 - CMYK
-
0, 11, 12, 0 - HSL
-
6°, 100%, 94%
- #F8C8DC
ชมพู
พาสเทล Pastel pink
ค่าที่นิยมใช้
- HEX
-
#F8C8DC - RGB
-
248, 200, 220 - CMYK
-
0, 19, 11, 3 - HSL
-
335°, 77%, 88%
- #FFC0CB
ชมพู
Pink
มาตรฐาน CSS
pink- HEX
-
#FFC0CB - RGB
-
255, 192, 203 - CMYK
-
0, 25, 20, 0 - HSL
-
350°, 100%, 88%
- #F4C2C2
ชมพู
นม Baby pink
ค่าที่นิยมใช้
- HEX
-
#F4C2C2 - RGB
-
244, 194, 194 - CMYK
-
0, 20, 20, 4 - HSL
-
0°, 69%, 86%
- #F3CFC6
ชมพู
มิลเลนเนียล Millennial pink
ค่าที่นิยมใช้
- HEX
-
#F3CFC6 - RGB
-
243, 207, 198 - CMYK
-
0, 15, 19, 5 - HSL
-
12°, 65%, 86%
- #FFB6C1
ชมพู
อ่อน Light pink
มาตรฐาน CSS
lightpink- HEX
-
#FFB6C1 - RGB
-
255, 182, 193 - CMYK
-
0, 29, 24, 0 - HSL
-
351°, 100%, 86%
- #F2BDCD
ชมพู
กล้วยไม้ Orchid pink
ค่าที่นิยมใช้
- HEX
-
#F2BDCD - RGB
-
242, 189, 205 - CMYK
-
0, 22, 15, 5 - HSL
-
342°, 67%, 85%
- #E8B4A8
ชมพู
นู้ด Nude pink
ค่าที่นิยมใช้
- HEX
-
#E8B4A8 - RGB
-
232, 180, 168 - CMYK
-
0, 22, 28, 9 - HSL
-
11°, 58%, 78%
- #FF8FAB
ชมพู
หวาน Sweet pink
ค่าที่นิยมใช้
- HEX
-
#FF8FAB - RGB
-
255, 143, 171 - CMYK
-
0, 44, 33, 0 - HSL
-
345°, 100%, 78%
- #F6A488
สี
โอรส Salmon pink
ค่าที่นิยมใช้
- HEX
-
#F6A488 - RGB
-
246, 164, 136 - CMYK
-
0, 33, 45, 4 - HSL
-
15°, 86%, 75%
- #F08080
ชมพู
คอรัล อ่อน Light coral
มาตรฐาน CSS
lightcoral- HEX
-
#F08080 - RGB
-
240, 128, 128 - CMYK
-
0, 47, 47, 6 - HSL
-
0°, 79%, 72%
- #F88379
ชมพู
อม ส้ม Coral pink
ค่าที่นิยมใช้
- HEX
-
#F88379 - RGB
-
248, 131, 121 - CMYK
-
0, 47, 51, 3 - HSL
-
5°, 90%, 72%
- #C9A9A6
ชมพู
ดัสตี้ Dusty rose
ค่าที่นิยมใช้
- HEX
-
#C9A9A6 - RGB
-
201, 169, 166 - CMYK
-
0, 16, 17, 21 - HSL
-
5°, 24%, 72%
- #FA8072
ชมพู
แซลมอน Salmon
มาตรฐาน CSS
salmon- HEX
-
#FA8072 - RGB
-
250, 128, 114 - CMYK
-
0, 49, 54, 2 - HSL
-
6°, 93%, 71%
- #FF69B4
ชมพู
ฮอตพิงก์ Hot pink
มาตรฐาน CSS
hotpink- HEX
-
#FF69B4 - RGB
-
255, 105, 180 - CMYK
-
0, 59, 29, 0 - HSL
-
330°, 100%, 71%
- #FC6C85
ชมพู
แตงโม Watermelon pink
ค่าที่นิยมใช้
- HEX
-
#FC6C85 - RGB
-
252, 108, 133 - CMYK
-
0, 57, 47, 1 - HSL
-
350°, 96%, 71%
- #DB7093
ชมพู
อม ม่วง อ่อน Pale violet red
มาตรฐาน CSS
palevioletred- HEX
-
#DB7093 - RGB
-
219, 112, 147 - CMYK
-
0, 49, 33, 14 - HSL
-
340°, 60%, 65%
- #C48793
ชมพู
กะปิ Dusty mauve pink
ค่าที่นิยมใช้
- HEX
-
#C48793 - RGB
-
196, 135, 147 - CMYK
-
0, 31, 25, 23 - HSL
-
348°, 34%, 65%
- #E75480
ชมพู
กุหลาบ Rose pink
ค่าที่นิยมใช้
- HEX
-
#E75480 - RGB
-
231, 84, 128 - CMYK
-
0, 64, 45, 9 - HSL
-
342°, 75%, 62%
- #DE5D83
ชมพู
บลัช Blush
ค่าที่นิยมใช้
- HEX
-
#DE5D83 - RGB
-
222, 93, 131 - CMYK
-
0, 58, 41, 13 - HSL
-
342°, 66%, 62%
- #FF1493
ชมพู
เข้ม Deep pink
มาตรฐาน CSS
deeppink- HEX
-
#FF1493 - RGB
-
255, 20, 147 - CMYK
-
0, 92, 42, 0 - HSL
-
328°, 100%, 54%
- #FC0FC0
ชมพู
ช็อกกิ้ง Shocking pink
ค่าที่นิยมใช้
- HEX
-
#FC0FC0 - RGB
-
252, 15, 192 - CMYK
-
0, 94, 24, 1 - HSL
-
315°, 98%, 52%
- #FF00FF
ชมพู
แมเจนตา Fuchsia / Magenta
มาตรฐาน CSS
fuchsia- HEX
-
#FF00FF - RGB
-
255, 0, 255 - CMYK
-
0, 100, 0, 0 - HSL
-
300°, 100%, 50%
- #E0218A
ชมพู
สด Vivid pink
ค่าที่นิยมใช้
- HEX
-
#E0218A - RGB
-
224, 33, 138 - CMYK
-
0, 85, 38, 12 - HSL
-
327°, 75%, 50%
- #C8187A
บานเย็น
Bougainvillea magenta
ค่าที่นิยมใช้
- HEX
-
#C8187A - RGB
-
200, 24, 122 - CMYK
-
0, 88, 39, 22 - HSL
-
327°, 79%, 44%
- #C71585
ชมพู
บานเย็น Medium violet red
มาตรฐาน CSS
mediumvioletred- HEX
-
#C71585 - RGB
-
199, 21, 133 - CMYK
-
0, 89, 33, 22 - HSL
-
322°, 81%, 43%
ค่า CMYK ในหน้านี้คำนวณจากค่าสีบนจอด้วยสูตรแปลงพื้นฐาน ใช้เป็นจุดตั้งต้นได้ดี แต่สีที่พิมพ์ออกมาจริงขึ้นกับกระดาษ หมึก และโปรไฟล์สีของโรงพิมพ์ งานที่สีต้องตรงควรขอปรู๊ฟก่อนเสมอ ความต่างของ RGB กับ CMYK อ่านต่อได้ที่ CMYK กับ RGB ต่างกันอย่างไร
พาเล็ตต์สีชมพูพร้อมใช้
พาเล็ตต์ 4 ชุดนี้จับคู่สีชมพูกับสีพื้น สีตัวหนังสือ และสีเน้นไว้ให้แล้ว แตะสีใดก็ได้เพื่อคัดลอกโค้ดทีละสี หรือกด "คัดลอกทั้งชุด" เพื่อเอาไปวางทีเดียวครบ 5 สี ลำดับสีในแต่ละชุดไม่ได้บังคับ ลองสลับว่าสีไหนเป็นพื้นหลังและสีไหนเป็นตัวหนังสือ แล้วตรวจความอ่านง่ายด้วยตารางค่าคอนทราสต์ด้านล่าง หรือแปลงค่าเป็นรูปแบบอื่นด้วย เครื่องมือแปลงโค้ดสี
-
ชมพูพาสเทลหวาน
#F8C8DC#F4C2C2#FFE4E1#FFF5BA#B5838D -
ชมพูกะปิกับเบจ
#C48793#C9A9A6#E8D3B9#F5EFE6#5C4033 -
บานเย็นจัดจ้าน
#C8187A#FF1493#FFD23F#1B1B3A#FFFFFF -
ชมพูกับกรมท่า
#1F2A44#E75480#F3CFC6#FAF6F0#C9A54C
สีชมพูเข้ากับสีอะไร
สีที่ตัดกับชมพูฮอตพิงก์ได้ชัดที่สุดคือสีตรงข้ามบนวงจรสี #69FFB4 ส่วนสีที่กลมกลืนที่สุดคือสีข้างเคียง #FF69FF และ #FF6969 ทุกค่าด้านล่างคำนวณจากชมพูฮอตพิงก์ #FF69B4 ด้วยการหมุนค่าเฉดสี (Hue) ในระบบ HSL โดยคงความสด (Saturation) และความสว่าง (Lightness) ไว้เท่าเดิม ชื่อที่กำกับใต้สีคือเฉดในคลังที่ดูใกล้เคียงที่สุด ถ้าไม่มีเฉดไหนใกล้พอจะแสดงเพียงองศาที่หมุน หลักการของแต่ละแบบอ่านต่อได้ที่ สีคู่ตรงข้าม และ วงจรสี
-
คู่ตรงข้าม Complementary · +180°
ตัดกันแรงที่สุด ใช้สีหนึ่งเป็นสีหลักและให้อีกสีเป็นจุดเน้นเล็ก ๆ เช่น ปุ่มหรือหัวข้อ
#FF69B4ชมพู
ฮอตพิงก์ สีตั้งต้น#69FFB4ไม่มีชื่อเฉดในคลัง +180°
-
สีข้างเคียง Analogous · -30° / +30°
กลมกลืนและสบายตา เหมาะกับพื้นหลัง ภาพประกอบ และงานที่ต้องการอารมณ์เดียวกันทั้งหน้า
#FF69B4ชมพู
ฮอตพิงก์ สีตั้งต้น#FF69FFไม่มีชื่อเฉดในคลัง -30°
#FF6969ไม่มีชื่อเฉดในคลัง +30°
-
สามเส้า Triadic · +120° / +240°
สดใสและสมดุล ควรให้สีหนึ่งเด่นที่สุด แล้วใช้อีกสองสีเป็นสีรองในพื้นที่เล็กกว่า
#FF69B4ชมพู
ฮอตพิงก์ สีตั้งต้น#B4FF69ไม่มีชื่อเฉดในคลัง +120°
#69B4FFไม่มีชื่อเฉดในคลัง +240°
-
คู่ตรงข้ามแยก Split complementary · +150° / +210°
ตัดกันชัดแต่ไม่แรงเท่าคู่ตรงข้าม จับคู่ง่ายกว่าและพลาดยากกว่า
ตัวหนังสือบนสีชมพูควรเป็นสีอะไร
บนชมพูฮอตพิงก์ #FF69B4 ตัวหนังสือสีดำอ่านง่ายกว่า ได้ค่าคอนทราสต์ 7.93:1 ส่วนตัวหนังสือสีขาวได้ 2.64:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีชมพูอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก
| เฉด | ตัวหนังสือขาว | ตัวหนังสือดำ |
|---|---|---|
| ชมพู | 1.20:1 ไม่ผ่าน | 17.43:1 ผ่าน · แนะนำ |
| ชมพู | 1.57:1 ไม่ผ่าน | 13.34:1 ผ่าน · แนะนำ |
| ชมพู | 1.62:1 ไม่ผ่าน | 12.93:1 ผ่าน · แนะนำ |
| สี | 1.98:1 ไม่ผ่าน | 10.58:1 ผ่าน · แนะนำ |
| ชมพู | 2.16:1 ไม่ผ่าน | 9.70:1 ผ่าน · แนะนำ |
| ชมพู | 2.75:1 ไม่ผ่าน | 7.62:1 ผ่าน · แนะนำ |
| ชมพู | 2.64:1 ไม่ผ่าน | 7.93:1 ผ่าน · แนะนำ |
| ชมพู | 3.51:1 ผ่านเฉพาะตัวใหญ่ | 5.97:1 ผ่าน · แนะนำ |
| ชมพู | 3.51:1 ผ่านเฉพาะตัวใหญ่ | 5.96: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" ทั้ง 10 เฉด (เช่น pink = #FFC0CB) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (accessed Nov 3, 2026)
- ความหมายของคำว่า "ชมพู ๒": "สีแดงอ่อน, สีแดงเจือขาว"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (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)