โค้ดสี · Beige · 22 เฉด
สีเบจ โค้ดสีเบจและสีนู้ดทุกเฉด HEX RGB CMYK
โค้ดสีเบจที่หน้านี้ใช้เป็นสีตัวแทนคือเบจคลาสสิก #D9C3A5 หรือ RGB 217, 195, 165 และหน้านี้รวมสีเบจไว้ 22 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที
- HEX
-
#D9C3A5 - RGB
-
217, 195, 165 - CMYK
-
0, 10, 24, 15 - HSL
-
35°, 41%, 75%
เบจอยู่ระหว่างครีมกับน้ำตาลอ่อน เป็นสีกลางโทนอุ่นที่เข้ากับเกือบทุกสี หน้านี้รวมเบจทุกระดับและกลุ่มสีนู้ดที่ใช้บ่อยในงานแฟชั่นและความงาม
ตรวจสอบข้อมูลเมื่อ November 2026
โค้ดสีเบจทั้ง 22 เฉด
ด้านล่างคือสีเบจทั้ง 22 เฉด เรียงจากอ่อนไปเข้ม แต่ละเฉดมีค่า HEX, RGB, CMYK และ HSL ให้แตะคัดลอกได้ทีละค่า เฉดที่มีป้าย "มาตรฐาน CSS" (5 เฉด) ใช้ค่าตามตารางชื่อสีมาตรฐานของ W3C พิมพ์ชื่อสีนั้นในโค้ด CSS ได้ตรง ๆ ส่วนเฉดที่มีป้าย "ค่าที่นิยมใช้" (17 เฉด) เป็นค่าที่ ThaiGraph เลือกให้ตรงกับชื่อเรียกที่คนไทยใช้ ไม่ใช่ค่ามาตรฐาน และแต่ละคนอาจเรียกสีเดียวกันต่างกันได้เล็กน้อย ความต่างของเฉดอ่อน เฉดเข้ม และโทนหม่น อธิบายไว้ที่ เฉดสีและโทนสี
- #F5F5DC
เบจ
Beige
มาตรฐาน CSS
beige- HEX
-
#F5F5DC - RGB
-
245, 245, 220 - CMYK
-
0, 0, 10, 4 - HSL
-
60°, 56%, 91%
- #FFE4C4
เบจ
บิสก์ Bisque
มาตรฐาน CSS
bisque- HEX
-
#FFE4C4 - RGB
-
255, 228, 196 - CMYK
-
0, 11, 23, 0 - HSL
-
33°, 100%, 88%
- #EFDECD
เบจ
อัลมอนด์ Almond
ค่าที่นิยมใช้
- HEX
-
#EFDECD - RGB
-
239, 222, 205 - CMYK
-
0, 7, 14, 6 - HSL
-
30°, 52%, 87%
- #F2D2BD
นู้ด
อ่อน Light nude
ค่าที่นิยมใช้
- HEX
-
#F2D2BD - RGB
-
242, 210, 189 - CMYK
-
0, 13, 22, 5 - HSL
-
24°, 67%, 85%
- #FFE4B5
เบจ
ม็อกคาซิน Moccasin
มาตรฐาน CSS
moccasin- HEX
-
#FFE4B5 - RGB
-
255, 228, 181 - CMYK
-
0, 11, 29, 0 - HSL
-
38°, 100%, 85%
- #FFDEAD
เบจ
นาวาโฮ Navajo white
มาตรฐาน CSS
navajowhite- HEX
-
#FFDEAD - RGB
-
255, 222, 173 - CMYK
-
0, 13, 32, 0 - HSL
-
36°, 100%, 84%
- #F5DEB3
เบจ
ข้าวสาลี Wheat
มาตรฐาน CSS
wheat- HEX
-
#F5DEB3 - RGB
-
245, 222, 179 - CMYK
-
0, 9, 27, 4 - HSL
-
39°, 77%, 83%
- #DFD3BD
เบจ
โอ๊ต Oatmeal
ค่าที่นิยมใช้
- HEX
-
#DFD3BD - RGB
-
223, 211, 189 - CMYK
-
0, 5, 15, 13 - HSL
-
39°, 35%, 81%
- #E6BBA9
นู้ด
ชมพู Pink nude
ค่าที่นิยมใช้
- HEX
-
#E6BBA9 - RGB
-
230, 187, 169 - CMYK
-
0, 19, 27, 10 - HSL
-
18°, 55%, 78%
- #E3C9A8
เบจ
บิสกิต Biscuit
ค่าที่นิยมใช้
- HEX
-
#E3C9A8 - RGB
-
227, 201, 168 - CMYK
-
0, 11, 26, 11 - HSL
-
34°, 51%, 77%
- #D8CAB0
เบจ
ลินิน ดิบ Raw linen
ค่าที่นิยมใช้
- HEX
-
#D8CAB0 - RGB
-
216, 202, 176 - CMYK
-
0, 6, 19, 15 - HSL
-
39°, 34%, 77%
- #E3BC9A
สี
นู้ด Nude
ค่าที่นิยมใช้
- HEX
-
#E3BC9A - RGB
-
227, 188, 154 - CMYK
-
0, 17, 32, 11 - HSL
-
28°, 57%, 75%
- #D9C3A5
เบจ
คลาสสิก Classic beige
ค่าที่นิยมใช้
- HEX
-
#D9C3A5 - RGB
-
217, 195, 165 - CMYK
-
0, 10, 24, 15 - HSL
-
35°, 41%, 75%
- #BEB5A7
เบจ
เทา Greige
ค่าที่นิยมใช้
- HEX
-
#BEB5A7 - RGB
-
190, 181, 167 - CMYK
-
0, 5, 12, 25 - HSL
-
37°, 15%, 70%
- #C8AD90
เบจ
ลาเต้ Latte
ค่าที่นิยมใช้
- HEX
-
#C8AD90 - RGB
-
200, 173, 144 - CMYK
-
0, 14, 28, 22 - HSL
-
31°, 34%, 67%
- #D4B483
เบจ
คาราเมล อ่อน Light caramel
ค่าที่นิยมใช้
- HEX
-
#D4B483 - RGB
-
212, 180, 131 - CMYK
-
0, 15, 38, 17 - HSL
-
36°, 49%, 67%
- #C9A88A
เบจ
กาแฟ นม Café au lait
ค่าที่นิยมใช้
- HEX
-
#C9A88A - RGB
-
201, 168, 138 - CMYK
-
0, 16, 31, 21 - HSL
-
29°, 37%, 66%
- #C69C82
นู้ด
เข้ม Deep nude
ค่าที่นิยมใช้
- HEX
-
#C69C82 - RGB
-
198, 156, 130 - CMYK
-
0, 21, 34, 22 - HSL
-
23°, 37%, 64%
- #C2B280
เบจ
ทราย Sand
ค่าที่นิยมใช้
- HEX
-
#C2B280 - RGB
-
194, 178, 128 - CMYK
-
0, 8, 34, 24 - HSL
-
45°, 35%, 63%
- #C4A27A
เบจ
กระดาษ คราฟต์ Kraft
ค่าที่นิยมใช้
- HEX
-
#C4A27A - RGB
-
196, 162, 122 - CMYK
-
0, 17, 38, 23 - HSL
-
32°, 39%, 62%
- #A89C8E
ทอป
อ่อน Light taupe
ค่าที่นิยมใช้
- HEX
-
#A89C8E - RGB
-
168, 156, 142 - CMYK
-
0, 7, 15, 34 - HSL
-
32°, 13%, 61%
- #A47551
นู้ด
น้ำตาล Brown nude
ค่าที่นิยมใช้
- HEX
-
#A47551 - RGB
-
164, 117, 81 - CMYK
-
0, 29, 51, 36 - HSL
-
26°, 34%, 48%
ค่า CMYK ในหน้านี้คำนวณจากค่าสีบนจอด้วยสูตรแปลงพื้นฐาน ใช้เป็นจุดตั้งต้นได้ดี แต่สีที่พิมพ์ออกมาจริงขึ้นกับกระดาษ หมึก และโปรไฟล์สีของโรงพิมพ์ งานที่สีต้องตรงควรขอปรู๊ฟก่อนเสมอ ความต่างของ RGB กับ CMYK อ่านต่อได้ที่ CMYK กับ RGB ต่างกันอย่างไร
พาเล็ตต์สีเบจพร้อมใช้
พาเล็ตต์ 4 ชุดนี้จับคู่สีเบจกับสีพื้น สีตัวหนังสือ และสีเน้นไว้ให้แล้ว แตะสีใดก็ได้เพื่อคัดลอกโค้ดทีละสี หรือกด "คัดลอกทั้งชุด" เพื่อเอาไปวางทีเดียวครบ 5 สี ลำดับสีในแต่ละชุดไม่ได้บังคับ ลองสลับว่าสีไหนเป็นพื้นหลังและสีไหนเป็นตัวหนังสือ แล้วตรวจความอ่านง่ายด้วยตารางค่าคอนทราสต์ด้านล่าง หรือแปลงค่าเป็นรูปแบบอื่นด้วย เครื่องมือแปลงโค้ดสี
-
แฟชั่นเรียบหรู
#D9C3A5#BEB5A7#F5F0E8#3F2A1E#0A0A0A -
นู้ดหลายระดับ
#F2D2BD#E3BC9A#C69C82#A47551#5C4033 -
บ้านมินิมอล
#DFD3BD#EFDECD#9CAF88#8D8D86#2B2B2B -
กระดาษคราฟต์
#C4A27A#E3C9A8#FAF6EC#1F2A44#C0502B
สีเบจเข้ากับสีอะไร
สีที่ตัดกับเบจคลาสสิกได้ชัดที่สุดคือสีตรงข้ามบนวงจรสี #A5BBD9 (ใกล้เคียงฟ้าเหล็กอ่อน) ส่วนสีที่กลมกลืนที่สุดคือสีข้างเคียง #D9A9A5 และ #D5D9A5 ทุกค่าด้านล่างคำนวณจากเบจคลาสสิก #D9C3A5 ด้วยการหมุนค่าเฉดสี (Hue) ในระบบ HSL โดยคงความสด (Saturation) และความสว่าง (Lightness) ไว้เท่าเดิม ชื่อที่กำกับใต้สีคือเฉดในคลังที่ดูใกล้เคียงที่สุด ถ้าไม่มีเฉดไหนใกล้พอจะแสดงเพียงองศาที่หมุน หลักการของแต่ละแบบอ่านต่อได้ที่ สีคู่ตรงข้าม และ วงจรสี
-
คู่ตรงข้าม Complementary · +180°
ตัดกันแรงที่สุด ใช้สีหนึ่งเป็นสีหลักและให้อีกสีเป็นจุดเน้นเล็ก ๆ เช่น ปุ่มหรือหัวข้อ
#D9C3A5เบจ
คลาสสิก สีตั้งต้น#A5BBD9ใกล้ ฟ้า
เหล็ก +180°อ่อน -
สีข้างเคียง Analogous · -30° / +30°
กลมกลืนและสบายตา เหมาะกับพื้นหลัง ภาพประกอบ และงานที่ต้องการอารมณ์เดียวกันทั้งหน้า
-
สามเส้า Triadic · +120° / +240°
สดใสและสมดุล ควรให้สีหนึ่งเด่นที่สุด แล้วใช้อีกสองสีเป็นสีรองในพื้นที่เล็กกว่า
-
คู่ตรงข้ามแยก Split complementary · +150° / +210°
ตัดกันชัดแต่ไม่แรงเท่าคู่ตรงข้าม จับคู่ง่ายกว่าและพลาดยากกว่า
ตัวหนังสือบนสีเบจควรเป็นสีอะไร
บนเบจคลาสสิก #D9C3A5 ตัวหนังสือสีดำอ่านง่ายกว่า ได้ค่าคอนทราสต์ 12.29:1 ส่วนตัวหนังสือสีขาวได้ 1.70:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีเบจอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก
| เฉด | ตัวหนังสือขาว | ตัวหนังสือดำ |
|---|---|---|
| เบจ#F5F5DC | 1.10:1 ไม่ผ่าน | 18.97:1 ผ่าน · แนะนำ |
| นู้ด | 1.42:1 ไม่ผ่าน | 14.72:1 ผ่าน · แนะนำ |
| เบจ | 1.31:1 ไม่ผ่าน | 15.98:1 ผ่าน · แนะนำ |
| เบจ | 1.59:1 ไม่ผ่าน | 13.18:1 ผ่าน · แนะนำ |
| เบจ | 1.70:1 ไม่ผ่าน | 12.29:1 ผ่าน · แนะนำ |
| เบจ | 1.97:1 ไม่ผ่าน | 10.65:1 ผ่าน · แนะนำ |
| เบจ | 2.10:1 ไม่ผ่าน | 9.97:1 ผ่าน · แนะนำ |
| นู้ด | 4.00:1 ผ่านเฉพาะตัวใหญ่ | 5.24: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" ทั้ง 5 เฉด (เช่น beige = #F5F5DC) ตามตารางชื่อสีมาตรฐาน—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)