โค้ดสี · Gold · 22 เฉด

โค้ดสีทอง รหัสสีทองคำทุกเฉด HEX RGB CMYK

โค้ดสีทองที่หน้านี้ใช้เป็นสีตัวแทนคือทองคำ #D4AF37 หรือ RGB 212, 175, 55 และหน้านี้รวมสีทองไว้ 22 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที

ทองคำ Metallic gold

HEX: #D4AF37
RGB: 212, 175, 55
CMYK: 0, 17, 74, 17
HSL: 46°, 65%, 52%

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

โดย Ploypailin Srisuwan

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

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

โค้ดสีทองทั้ง 22 เฉด

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

#E6D3A3

ทองซีด

Pale gold

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

HEX

#E6D3A3

RGB

230, 211, 163

CMYK

0, 8, 29, 10

HSL

43°, 57%, 77%
#D9B97A

ทองแชมเปญ

Champagne gold

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

HEX

#D9B97A

RGB

217, 185, 122

CMYK

0, 15, 44, 15

HSL

40°, 56%, 66%
#DA8A67

ทองแดงอ่อน

Light copper

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

HEX

#DA8A67

RGB

218, 138, 103

CMYK

0, 37, 53, 15

HSL

18°, 61%, 63%
#E6C35C

ทองอ่อน

Light gold

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

HEX

#E6C35C

RGB

230, 195, 92

CMYK

0, 15, 60, 10

HSL

45°, 73%, 63%
#B76E79

โรสโกลด์

Rose gold

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

HEX

#B76E79

RGB

183, 110, 121

CMYK

0, 40, 34, 28

HSL

351°, 34%, 57%
#C5B358

ทองเวกัส

Vegas gold

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

HEX

#C5B358

RGB

197, 179, 88

CMYK

0, 9, 55, 23

HSL

50°, 48%, 56%
#C9A54C

ทองทราย

Sand gold

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

HEX

#C9A54C

RGB

201, 165, 76

CMYK

0, 18, 62, 21

HSL

43°, 54%, 54%
#D4AF37

ทองคำ

Metallic gold

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

HEX

#D4AF37

RGB

212, 175, 55

CMYK

0, 17, 74, 17

HSL

46°, 65%, 52%
#CFB53B

ทองเก่า

Old gold

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

HEX

#CFB53B

RGB

207, 181, 59

CMYK

0, 13, 71, 19

HSL

49°, 61%, 52%
#E59E1F

ทองอมส้ม

Orange gold

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

HEX

#E59E1F

RGB

229, 158, 31

CMYK

0, 31, 86, 10

HSL

38°, 79%, 51%
#CD7F32

ทองสัมฤทธิ์

Bronze

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

HEX

#CD7F32

RGB

205, 127, 50

CMYK

0, 38, 76, 20

HSL

30°, 61%, 50%
#D9A927

ทองคำเปลว

Gold leaf

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

HEX

#D9A927

RGB

217, 169, 39

CMYK

0, 22, 82, 15

HSL

44°, 70%, 50%
#FFD700

ทองโกลด์

Gold

มาตรฐาน CSSgold

HEX

#FFD700

RGB

255, 215, 0

CMYK

0, 16, 100, 0

HSL

51°, 100%, 50%
#DAA520

ทองโกลเดนรอด

Goldenrod

มาตรฐาน CSSgoldenrod

HEX

#DAA520

RGB

218, 165, 32

CMYK

0, 24, 85, 15

HSL

43°, 74%, 49%
#B8973B

ทองหม่น

Antique gold

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

HEX

#B8973B

RGB

184, 151, 59

CMYK

0, 18, 68, 28

HSL

44°, 51%, 48%
#E8B00C

ทองสุกปลั่ง

Bright gold

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

HEX

#E8B00C

RGB

232, 176, 12

CMYK

0, 24, 95, 9

HSL

45°, 90%, 48%
#B5A642

ทองเหลือง

Brass

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

HEX

#B5A642

RGB

181, 166, 66

CMYK

0, 8, 64, 29

HSL

52°, 47%, 48%
#B87333

ทองแดง

Copper

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

HEX

#B87333

RGB

184, 115, 51

CMYK

0, 38, 72, 28

HSL

29°, 57%, 46%
#B8860B

ทองโกลเดนรอดเข้ม

Dark goldenrod

มาตรฐาน CSSdarkgoldenrod

HEX

#B8860B

RGB

184, 134, 11

CMYK

0, 27, 94, 28

HSL

43°, 89%, 38%
#8C4A2F

ทองแดงเข้ม

Dark copper

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

HEX

#8C4A2F

RGB

140, 74, 47

CMYK

0, 47, 66, 45

HSL

17°, 50%, 37%
#8C6A2F

ทองน้ำตาล

Bronze brown

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

HEX

#8C6A2F

RGB

140, 106, 47

CMYK

0, 24, 66, 45

HSL

38°, 50%, 37%
#A67C00

ทองเข้ม

Dark gold

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

HEX

#A67C00

RGB

166, 124, 0

CMYK

0, 25, 100, 35

HSL

45°, 100%, 33%

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

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

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

การ์ดเชิญหรู

#0A0A0A
#D4AF37
#E6D3A3
#FAF6EC
#8C6A2F
โรสโกลด์

#B76E79
#E8B4A8
#F7EDE8
#D9B97A
#3F2A2E
กรมท่ากับทอง

#1F2A44
#C9A54C
#E6C35C
#F3EBD8
#FFFFFF
ทองแดงอบอุ่น

#B87333
#8C4A2F
#DA8A67
#F6E7DA
#2B1E16

โค้ดไล่เฉดสีทองแบบเมทัลลิก

วางโค้ด CSS นี้เป็นพื้นหลัง แล้วจะได้สีทองที่ดูมีประกายแบบโลหะบนจอ หลักการคือไล่จากเฉดเข้มไปเฉดสว่างแล้วกลับมาเข้มอีกครั้ง ใน Canva หรือ Figma ให้ใช้ 5 ค่า HEX เดียวกันนี้เป็นจุดสีของการไล่เฉด (gradient) ตามลำดับ ได้ผลแบบเดียวกัน

background: linear-gradient(135deg, #8C6A2F 0%, #D4AF37 25%, #F6E27A 50%, #D4AF37 75%, #8C6A2F 100%);

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

สีที่ตัดกับทองคำได้ชัดที่สุดคือสีตรงข้ามบนวงจรสี #375CD4 (ใกล้เคียงน้ำเงินรอยัล) ส่วนสีที่กลมกลืนที่สุดคือสีข้างเคียง #D46137 และ #ABD437 ทุกค่าด้านล่างคำนวณจากทองคำ #D4AF37 ด้วยการหมุนค่าเฉดสี (Hue) ในระบบ HSL โดยคงความสด (Saturation) และความสว่าง (Lightness) ไว้เท่าเดิม ชื่อที่กำกับใต้สีคือเฉดในคลังที่ดูใกล้เคียงที่สุด ถ้าไม่มีเฉดไหนใกล้พอจะแสดงเพียงองศาที่หมุน หลักการของแต่ละแบบอ่านต่อได้ที่ สีคู่ตรงข้าม และ วงจรสี

คู่ตรงข้าม Complementary · +180°

ตัดกันแรงที่สุด ใช้สีหนึ่งเป็นสีหลักและให้อีกสีเป็นจุดเน้นเล็ก ๆ เช่น ปุ่มหรือหัวข้อ

#D4AF37

ทองคำ สีตั้งต้น

#375CD4

ใกล้ น้ำเงินรอยัล +180°
สีข้างเคียง Analogous · -30° / +30°

กลมกลืนและสบายตา เหมาะกับพื้นหลัง ภาพประกอบ และงานที่ต้องการอารมณ์เดียวกันทั้งหน้า

#D4AF37

ทองคำ สีตั้งต้น

#D46137

ใกล้ ส้มอิฐ -30°

#ABD437

ใกล้ เหลืองอมเขียว +30°
สามเส้า Triadic · +120° / +240°

สดใสและสมดุล ควรให้สีหนึ่งเด่นที่สุด แล้วใช้อีกสองสีเป็นสีรองในพื้นที่เล็กกว่า

#D4AF37

ทองคำ สีตั้งต้น

#37D4AF

ใกล้ ฟ้าอมเขียว +120°

#AF37D4

ใกล้ ม่วงกล้วยไม้เข้ม +240°
คู่ตรงข้ามแยก Split complementary · +150° / +210°

ตัดกันชัดแต่ไม่แรงเท่าคู่ตรงข้าม จับคู่ง่ายกว่าและพลาดยากกว่า

#D4AF37

ทองคำ สีตั้งต้น

#37ABD4

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

#6137D4

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

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

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

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

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

เฉด	ตัวหนังสือขาว	ตัวหนังสือดำ
ทองซีด#E6D3A3	1.47:1 ไม่ผ่าน	14.21:1 ผ่าน · แนะนำ
ทองอ่อน#E6C35C	1.70:1 ไม่ผ่าน	12.32:1 ผ่าน · แนะนำ
ทองทราย#C9A54C	2.34:1 ไม่ผ่าน	8.96:1 ผ่าน · แนะนำ
ทองคำ#D4AF37	2.10:1 ไม่ผ่าน	9.98:1 ผ่าน · แนะนำ
ทองอมส้ม#E59E1F	2.27:1 ไม่ผ่าน	9.24:1 ผ่าน · แนะนำ
ทองโกลด์#FFD700	1.40:1 ไม่ผ่าน	14.97:1 ผ่าน · แนะนำ
ทองสุกปลั่ง#E8B00C	1.97:1 ไม่ผ่าน	10.64:1 ผ่าน · แนะนำ
ทองโกลเดนรอดเข้ม#B8860B	3.25:1 ผ่านเฉพาะตัวใหญ่	6.45:1 ผ่าน · แนะนำ
ทองเข้ม#A67C00	3.81:1 ผ่านเฉพาะตัวใหญ่	5.50: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" ทั้ง 3 เฉด (เช่น gold = #FFD700) ตามตารางชื่อสีมาตรฐาน—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)

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

โค้ดสีทองทั้ง 22 เฉด

ทองซีด

ทองแชมเปญ

ทองแดงอ่อน

ทองอ่อน

โรสโกลด์

ทองเวกัส

ทองทราย

ทองคำ

ทองเก่า

ทองอมส้ม

ทองสัมฤทธิ์

ทองคำเปลว

ทองโกลด์

ทองโกลเดนรอด

ทองหม่น

ทองสุกปลั่ง

ทองเหลือง

ทองแดง

ทองโกลเดนรอดเข้ม

ทองแดงเข้ม

ทองน้ำตาล

ทองเข้ม

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

การ์ดเชิญหรู

โรสโกลด์

กรมท่ากับทอง

ทองแดงอบอุ่น

โค้ดไล่เฉดสีทองแบบเมทัลลิก

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

คู่ตรงข้าม Complementary · +180°

สีข้างเคียง Analogous · -30° / +30°

สามเส้า Triadic · +120° / +240°

คู่ตรงข้ามแยก Split complementary · +150° / +210°