โค้ดสี · Pastel · 24 เฉด

โค้ดสีพาสเทล รวมสีพาสเทลทุกโทน HEX RGB CMYK

โค้ดสีพาสเทลที่หน้านี้ใช้เป็นสีตัวแทนคือชมพูพาสเทล #F8C8DC หรือ RGB 248, 200, 220 และหน้านี้รวมสีพาสเทลไว้ 24 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที

ชมพูพาสเทล Pastel pink

HEX: #F8C8DC
RGB: 248, 200, 220
CMYK: 0, 19, 11, 3
HSL: 335°, 77%, 88%

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

โดย Ploypailin Srisuwan

Thai Design Researcher & Editor, ThaiGraph · 3 พฤศจิกายน 2569

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

โค้ดสีพาสเทลทั้ง 24 เฉด

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

#FFE0EA

ชมพูพาสเทลอ่อน

Soft pastel pink

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

HEX

#FFE0EA

RGB

255, 224, 234

CMYK

0, 12, 8, 0

HSL

341°, 100%, 94%
#CDE7F7

ฟ้าพาสเทลอ่อน

Soft pastel blue

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

HEX

#CDE7F7

RGB

205, 231, 247

CMYK

17, 6, 0, 3

HSL

203°, 72%, 89%
#FFDAC1

พีชพาสเทล

Pastel peach

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

HEX

#FFDAC1

RGB

255, 218, 193

CMYK

0, 15, 24, 0

HSL

24°, 100%, 88%
#F8C8DC

ชมพูพาสเทล

Pastel pink

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

HEX

#F8C8DC

RGB

248, 200, 220

CMYK

0, 19, 11, 3

HSL

335°, 77%, 88%
#FFDAB9

ส้มพีชพัฟ

Peach puff

มาตรฐาน CSSpeachpuff

HEX

#FFDAB9

RGB

255, 218, 185

CMYK

0, 15, 27, 0

HSL

28°, 100%, 86%
#FFF5BA

เหลืองครีมพาสเทล

Pastel butter

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

HEX

#FFF5BA

RGB

255, 245, 186

CMYK

0, 4, 27, 0

HSL

51°, 100%, 86%
#D8C8F0

ลาเวนเดอร์พาสเทล

Pastel lavender

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

HEX

#D8C8F0

RGB

216, 200, 240

CMYK

10, 17, 0, 6

HSL

264°, 57%, 86%
#FFB6C1

ชมพูอ่อน

Light pink

มาตรฐาน CSSlightpink

HEX

#FFB6C1

RGB

255, 182, 193

CMYK

0, 29, 24, 0

HSL

351°, 100%, 86%
#BDF5DC

เขียวมิ้นท์พาสเทล

Pastel mint

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

HEX

#BDF5DC

RGB

189, 245, 220

CMYK

23, 0, 10, 4

HSL

153°, 74%, 85%
#BFE1F5

เบบี้บลูพาสเทล

Pastel baby blue

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

HEX

#BFE1F5

RGB

191, 225, 245

CMYK

22, 8, 0, 4

HSL

202°, 73%, 85%
#E2C6E9

ไลแลคพาสเทล

Pastel lilac

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

HEX

#E2C6E9

RGB

226, 198, 233

CMYK

3, 15, 0, 9

HSL

288°, 44%, 85%
#FFD1A9

ส้มพาสเทล

Pastel orange

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

HEX

#FFD1A9

RGB

255, 209, 169

CMYK

0, 18, 34, 0

HSL

28°, 100%, 83%
#B5EAEA

ฟ้าอมเขียวพาสเทล

Pastel aqua

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

HEX

#B5EAEA

RGB

181, 234, 234

CMYK

23, 0, 0, 8

HSL

180°, 56%, 81%
#F7B7A3

คอรัลพาสเทล

Pastel coral

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

HEX

#F7B7A3

RGB

247, 183, 163

CMYK

0, 26, 34, 3

HSL

14°, 84%, 80%
#B8E0B8

เขียวพาสเทล

Pastel green

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

HEX

#B8E0B8

RGB

184, 224, 184

CMYK

18, 0, 18, 12

HSL

120°, 39%, 80%
#B0E0E6

ฟ้าแป้ง

Powder blue

มาตรฐาน CSSpowderblue

HEX

#B0E0E6

RGB

176, 224, 230

CMYK

23, 3, 0, 10

HSL

187°, 52%, 80%
#D8BFD8

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

Thistle

มาตรฐาน CSSthistle

HEX

#D8BFD8

RGB

216, 191, 216

CMYK

0, 12, 0, 15

HSL

300°, 24%, 80%
#FF9AA2

แดงพาสเทล

Pastel red

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

HEX

#FF9AA2

RGB

255, 154, 162

CMYK

0, 40, 36, 0

HSL

355°, 100%, 80%
#FDFD96

เหลืองพาสเทล

Pastel yellow

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

HEX

#FDFD96

RGB

253, 253, 150

CMYK

0, 0, 41, 1

HSL

60°, 96%, 79%
#CFCFC4

เทาพาสเทล

Pastel gray

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

HEX

#CFCFC4

RGB

207, 207, 196

CMYK

0, 0, 5, 19

HSL

60°, 10%, 79%
#98FB98

เขียวซีด

Pale green

มาตรฐาน CSSpalegreen

HEX

#98FB98

RGB

152, 251, 152

CMYK

39, 0, 39, 2

HSL

120°, 93%, 79%
#C3B1E1

ม่วงพาสเทล

Pastel purple

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

HEX

#C3B1E1

RGB

195, 177, 225

CMYK

13, 21, 0, 12

HSL

263°, 44%, 79%
#A7C7E7

ฟ้าพาสเทล

Pastel blue

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

HEX

#A7C7E7

RGB

167, 199, 231

CMYK

28, 14, 0, 9

HSL

210°, 57%, 78%
#D7BFA6

น้ำตาลพาสเทล

Pastel brown

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

HEX

#D7BFA6

RGB

215, 191, 166

CMYK

0, 11, 23, 16

HSL

31°, 38%, 75%

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

พาเล็ตต์สีพาสเทลพร้อมใช้

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

ลูกกวาด

#F8C8DC
#BDF5DC
#FDFD96
#A7C7E7
#4A4A5A
ม่วงชมพูพาสเทล

#C3B1E1
#E2C6E9
#FFE0EA
#FFF5BA
#5B4B6B
ทะเลพาสเทล

#B5EAEA
#CDE7F7
#FFDAC1
#F7B7A3
#2C3E50
พาสเทลโตขึ้น

#D7BFA6
#CFCFC4
#F8C8DC
#B8E0B8
#3F3A36
ฟ้าเหลืองพาสเทล

#A7C7E7
#BFE1F5
#FFF5BA
#FFD1A9
#1F2A44

สีพาสเทลเข้ากับสีอะไร

สีพาสเทลรวมหลายโทนสีไว้ด้วยกัน จึงจับคู่ได้ทั้งภายในกลุ่มเดียวกัน และกับสีตรงข้ามของแต่ละสี ด้านล่างคือสีตรงข้ามของสีพาสเทล 5 สีที่เด่นที่สุดในกลุ่ม คำนวณด้วยการหมุนค่าเฉดสี (Hue) 180 องศาในระบบ HSL โดยคงความสดและความสว่างไว้ สีคู่ที่ได้จึงยังอ่อนหรือหม่นในระดับเดียวกัน และเข้ากับพาเล็ตต์เดิมได้ทันที หลักการเพิ่มเติมอยู่ที่ สีคู่ตรงข้าม

ชมพูอ่อน คู่ตรงข้าม · 180°

#FFB6C1

ชมพูอ่อน สีตั้งต้น

#B6FFF4

ใกล้ ฟ้าเทอร์ควอยซ์อ่อน +180°
เหลืองครีมพาสเทล คู่ตรงข้าม · 180°

#FFF5BA

เหลืองครีมพาสเทล สีตั้งต้น

#BAC4FF

ไม่มีชื่อเฉดในคลัง +180°
เขียวซีด คู่ตรงข้าม · 180°

#98FB98

เขียวซีด สีตั้งต้น

#FB98FB

ใกล้ ม่วงไวโอเล็ต +180°
เบบี้บลูพาสเทล คู่ตรงข้าม · 180°

#BFE1F5

เบบี้บลูพาสเทล สีตั้งต้น

#F5D3BF

ใกล้ นู้ดอ่อน +180°
ลาเวนเดอร์พาสเทล คู่ตรงข้าม · 180°

#D8C8F0

ลาเวนเดอร์พาสเทล สีตั้งต้น

#E0F0C8

ใกล้ เหลืองโกลเดนรอดอ่อน +180°

ตัวหนังสือบนสีพาสเทลควรเป็นสีอะไร

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

ตัวหนังสือสีขาว Aa 1.46:1 · ไม่ผ่าน

ตัวหนังสือสีดำ Aa 14.28:1 · ผ่าน

เฉด	ตัวหนังสือขาว	ตัวหนังสือดำ
ชมพูพาสเทลอ่อน#FFE0EA	1.22:1 ไม่ผ่าน	17.10:1 ผ่าน · แนะนำ
ชมพูพาสเทล#F8C8DC	1.46:1 ไม่ผ่าน	14.28:1 ผ่าน · แนะนำ
ลาเวนเดอร์พาสเทล#D8C8F0	1.56:1 ไม่ผ่าน	13.43:1 ผ่าน · แนะนำ
เบบี้บลูพาสเทล#BFE1F5	1.37:1 ไม่ผ่าน	15.30:1 ผ่าน · แนะนำ
ฟ้าอมเขียวพาสเทล#B5EAEA	1.31:1 ไม่ผ่าน	15.92:1 ผ่าน · แนะนำ
ฟ้าแป้ง#B0E0E6	1.43:1 ไม่ผ่าน	14.65:1 ผ่าน · แนะนำ
เหลืองพาสเทล#FDFD96	1.06:1 ไม่ผ่าน	19.66:1 ผ่าน · แนะนำ
ม่วงพาสเทล#C3B1E1	1.96:1 ไม่ผ่าน	10.69:1 ผ่าน · แนะนำ

สีพาสเทลให้ความรู้สึกแบบไหน

สีพาสเทลคือสีที่อ่อนลงด้วยการเจือขาว แต่ยังเห็นโทนสีเดิมชัดเจน

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

ข้อควรระวังคือพาสเทลทั้งหมดสว่างมาก ถ้าใช้ตัวหนังสือสีอ่อนหรือสีขาวทับจะอ่านไม่ออก ต้องมีสีเข้มหนึ่งสีในพาเล็ตต์ไว้สำหรับตัวหนังสือเสมอ

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

เคล็ดลับใช้สีพาสเทลในงานออกแบบ

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

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

วิธีนำโค้ดสีพาสเทลไปใช้

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

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

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

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

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

ค่า HEX ของเฉดที่มีป้าย "มาตรฐาน CSS" ทั้ง 5 เฉด (เช่น powderblue = #B0E0E6) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (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)

รวมโค้ดสีทุกตระกูล — 450 เฉดในหน้าเดียว พร้อมช่องค้นหา
โค้ดสีชมพู — 26 เฉด พร้อมพาเล็ตต์
โค้ดสีฟ้า — 28 เฉด พร้อมพาเล็ตต์
โค้ดสีม่วง — 25 เฉด พร้อมพาเล็ตต์
สีคู่ตรงข้าม — หลักการจับคู่สีที่ตัดกันให้ลงตัว
เครื่องมือแปลงโค้ดสี — แปลง HEX ↔ RGB ↔ CMYK ได้ทันที
สีไทย Thaitone — สีไทยโบราณพร้อมโค้ดสีและที่มา

โค้ดสีพาสเทลทั้ง 24 เฉด

ชมพูพาสเทลอ่อน

ฟ้าพาสเทลอ่อน

พีชพาสเทล

ชมพูพาสเทล

ส้มพีชพัฟ

เหลืองครีมพาสเทล

ลาเวนเดอร์พาสเทล

ชมพูอ่อน

เขียวมิ้นท์พาสเทล

เบบี้บลูพาสเทล

ไลแลคพาสเทล

ส้มพาสเทล

ฟ้าอมเขียวพาสเทล

คอรัลพาสเทล

เขียวพาสเทล

ฟ้าแป้ง

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

แดงพาสเทล

เหลืองพาสเทล

เทาพาสเทล

เขียวซีด

ม่วงพาสเทล

ฟ้าพาสเทล

น้ำตาลพาสเทล

พาเล็ตต์สีพาสเทลพร้อมใช้

ลูกกวาด

ม่วงชมพูพาสเทล

ทะเลพาสเทล

พาสเทลโตขึ้น

ฟ้าเหลืองพาสเทล

สีพาสเทลเข้ากับสีอะไร

ชมพูอ่อน คู่ตรงข้าม · 180°

เหลืองครีมพาสเทล คู่ตรงข้าม · 180°

เขียวซีด คู่ตรงข้าม · 180°

เบบี้บลูพาสเทล คู่ตรงข้าม · 180°

ลาเวนเดอร์พาสเทล คู่ตรงข้าม · 180°