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

โค้ดสี · Pink · 26 เฉด

สีชมพู โค้ดสีชมพูทุกเฉด รหัสสี HEX RGB CMYK

โค้ดสีชมพูที่หน้านี้ใช้เป็นสีตัวแทนคือชมพูฮอตพิงก์ #FF69B4 หรือ RGB 255, 105, 180 ซึ่งเป็นชื่อสีมาตรฐาน CSS hotpink และหน้านี้รวมสีชมพูไว้ 26 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที

ชมพูฮอตพิงก์ Hot pink
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

    มาตรฐาน CSSmistyrose

    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

    มาตรฐาน CSSpink

    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

    มาตรฐาน CSSlightpink

    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

    มาตรฐาน CSSlightcoral

    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

    มาตรฐาน CSSsalmon

    HEX
    #FA8072
    RGB
    250, 128, 114
    CMYK
    0, 49, 54, 2
    HSL
    6°, 93%, 71%
  • #FF69B4

    ชมพูฮอตพิงก์

    Hot pink

    มาตรฐาน CSShotpink

    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

    มาตรฐาน CSSpalevioletred

    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

    มาตรฐาน CSSdeeppink

    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

    มาตรฐาน CSSfuchsia

    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

    มาตรฐาน CSSmediumvioletred

    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

    ชมพูฮอตพิงก์ สีตั้งต้น

    #69FF69

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

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

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

ตัวหนังสือสีขาว Aa 2.64:1 · ไม่ผ่าน
ตัวหนังสือสีดำ Aa 7.93:1 · ผ่าน
เฉดตัวหนังสือขาวตัวหนังสือดำ
ชมพูหมอก#FFE4E1 1.20:1 ไม่ผ่าน 17.43:1 ผ่าน · แนะนำ
ชมพูนม#F4C2C2 1.57:1 ไม่ผ่าน 13.34:1 ผ่าน · แนะนำ
ชมพูกล้วยไม้#F2BDCD 1.62:1 ไม่ผ่าน 12.93:1 ผ่าน · แนะนำ
สีโอรส#F6A488 1.98:1 ไม่ผ่าน 10.58:1 ผ่าน · แนะนำ
ชมพูดัสตี้#C9A9A6 2.16:1 ไม่ผ่าน 9.70:1 ผ่าน · แนะนำ
ชมพูแตงโม#FC6C85 2.75:1 ไม่ผ่าน 7.62:1 ผ่าน · แนะนำ
ชมพูฮอตพิงก์#FF69B4 2.64:1 ไม่ผ่าน 7.93:1 ผ่าน · แนะนำ
ชมพูกุหลาบ#E75480 3.51:1 ผ่านเฉพาะตัวใหญ่ 5.97:1 ผ่าน · แนะนำ
ชมพูช็อกกิ้ง#FC0FC0 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

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

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