โค้ดสี · Silver · 20 เฉด
สีเงิน โค้ดสีเงินทุกเฉด รหัสสี HEX RGB CMYK
โค้ดสีเงินที่หน้านี้ใช้เป็นสีตัวแทนคือเงิน #C0C0C0 หรือ RGB 192, 192, 192 ซึ่งเป็นชื่อสีมาตรฐาน CSS silver และหน้านี้รวมสีเงินไว้ 20 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที
- HEX
-
#C0C0C0 - RGB
-
192, 192, 192 - CMYK
-
0, 0, 0, 25 - HSL
-
0°, 0%, 75%
สีเงินบนจอคือเทาที่สว่างและสะอาด ความเป็นโลหะเกิดจากการไล่เฉดสว่างสลับมืด หน้านี้รวมทั้งเงินแบบเฉดเดียวและโค้ดไล่เฉดที่คัดลอกไปใช้ได้ทันที
โค้ดสีเงินทั้ง 20 เฉด
ด้านล่างคือสีเงินทั้ง 20 เฉด เรียงจากอ่อนไปเข้ม แต่ละเฉดมีค่า HEX, RGB, CMYK และ HSL ให้แตะคัดลอกได้ทีละค่า เฉดที่มีป้าย "มาตรฐาน CSS" (1 เฉด) ใช้ค่าตามตารางชื่อสีมาตรฐานของ W3C พิมพ์ชื่อสีนั้นในโค้ด CSS ได้ตรง ๆ ส่วนเฉดที่มีป้าย "ค่าที่นิยมใช้" (19 เฉด) เป็นค่าที่ ThaiGraph เลือกให้ตรงกับชื่อเรียกที่คนไทยใช้ ไม่ใช่ค่ามาตรฐาน และแต่ละคนอาจเรียกสีเดียวกันต่างกันได้เล็กน้อย ความต่างของเฉดอ่อน เฉดเข้ม และโทนหม่น อธิบายไว้ที่ เฉดสีและโทนสี
- #E6E6E6
เงิน
ไข่มุก Pearl silver
ค่าที่นิยมใช้
- HEX
-
#E6E6E6 - RGB
-
230, 230, 230 - CMYK
-
0, 0, 0, 10 - HSL
-
0°, 0%, 90%
- #E5E4E2
แพลทินัม
Platinum
ค่าที่นิยมใช้
- HEX
-
#E5E4E2 - RGB
-
229, 228, 226 - CMYK
-
0, 0, 1, 10 - HSL
-
40°, 5%, 89%
- #DBE2E9
เงิน
โครเมียม Chrome
ค่าที่นิยมใช้
- HEX
-
#DBE2E9 - RGB
-
219, 226, 233 - CMYK
-
6, 3, 0, 9 - HSL
-
210°, 24%, 89%
- #D8D8D8
เงิน
สว่าง Bright silver
ค่าที่นิยมใช้
- HEX
-
#D8D8D8 - RGB
-
216, 216, 216 - CMYK
-
0, 0, 0, 15 - HSL
-
0°, 0%, 85%
- #D8C8C8
เงิน
อม ชมพู Rose silver
ค่าที่นิยมใช้
- HEX
-
#D8C8C8 - RGB
-
216, 200, 200 - CMYK
-
0, 7, 7, 15 - HSL
-
0°, 17%, 82%
- #C9CED6
เงิน
โทน เย็น Cool silver
ค่าที่นิยมใช้
- HEX
-
#C9CED6 - RGB
-
201, 206, 214 - CMYK
-
6, 4, 0, 16 - HSL
-
217°, 14%, 81%
- #C0C8D2
เงิน
อม ฟ้า Blue silver
ค่าที่นิยมใช้
- HEX
-
#C0C8D2 - RGB
-
192, 200, 210 - CMYK
-
9, 5, 0, 18 - HSL
-
213°, 17%, 79%
- #CFCAC0
เงิน
แชมเปญ Champagne silver
ค่าที่นิยมใช้
- HEX
-
#CFCAC0 - RGB
-
207, 202, 192 - CMYK
-
0, 2, 7, 19 - HSL
-
40°, 14%, 78%
- #C4C4C4
เงิน
สเตอร์ลิง Sterling silver
ค่าที่นิยมใช้
- HEX
-
#C4C4C4 - RGB
-
196, 196, 196 - CMYK
-
0, 0, 0, 23 - HSL
-
0°, 0%, 77%
- #C8C4BC
เงิน
โทน อุ่น Warm silver
ค่าที่นิยมใช้
- HEX
-
#C8C4BC - RGB
-
200, 196, 188 - CMYK
-
0, 2, 6, 22 - HSL
-
40°, 10%, 76%
- #C0C0C0
เงิน
Silver
มาตรฐาน CSS
silver- HEX
-
#C0C0C0 - RGB
-
192, 192, 192 - CMYK
-
0, 0, 0, 25 - HSL
-
0°, 0%, 75%
- #BFC1C2
เงิน
ทราย Silver sand
ค่าที่นิยมใช้
- HEX
-
#BFC1C2 - RGB
-
191, 193, 194 - CMYK
-
2, 1, 0, 24 - HSL
-
200°, 2%, 75%
- #B5B5B5
เงิน
ด้าน Matte silver
ค่าที่นิยมใช้
- HEX
-
#B5B5B5 - RGB
-
181, 181, 181 - CMYK
-
0, 0, 0, 29 - HSL
-
0°, 0%, 71%
- #A9ACB6
เงิน
อะลูมิเนียม Aluminium
ค่าที่นิยมใช้
- HEX
-
#A9ACB6 - RGB
-
169, 172, 182 - CMYK
-
7, 5, 0, 29 - HSL
-
226°, 8%, 69%
- #AAA9AD
เงิน
เมทัลลิก Metallic silver
ค่าที่นิยมใช้
- HEX
-
#AAA9AD - RGB
-
170, 169, 173 - CMYK
-
2, 2, 0, 32 - HSL
-
255°, 2%, 67%
- #A0A7AE
เงิน
เหล็กกล้า Steel silver
ค่าที่นิยมใช้
- HEX
-
#A0A7AE - RGB
-
160, 167, 174 - CMYK
-
8, 4, 0, 32 - HSL
-
210°, 8%, 65%
- #899499
เงิน
ดีบุก Pewter
ค่าที่นิยมใช้
- HEX
-
#899499 - RGB
-
137, 148, 153 - CMYK
-
10, 3, 0, 40 - HSL
-
199°, 7%, 57%
- #878681
เงิน
ไทเทเนียม Titanium
ค่าที่นิยมใช้
- HEX
-
#878681 - RGB
-
135, 134, 129 - CMYK
-
0, 1, 4, 47 - HSL
-
50°, 2%, 52%
- #71706E
เงิน
เข้ม Dark silver
ค่าที่นิยมใช้
- HEX
-
#71706E - RGB
-
113, 112, 110 - CMYK
-
0, 1, 3, 56 - HSL
-
40°, 1%, 44%
- #5C6066
เงิน
กันเมทัล Gunmetal silver
ค่าที่นิยมใช้
- HEX
-
#5C6066 - RGB
-
92, 96, 102 - CMYK
-
10, 6, 0, 60 - HSL
-
216°, 5%, 38%
ค่า CMYK ในหน้านี้คำนวณจากค่าสีบนจอด้วยสูตรแปลงพื้นฐาน ใช้เป็นจุดตั้งต้นได้ดี แต่สีที่พิมพ์ออกมาจริงขึ้นกับกระดาษ หมึก และโปรไฟล์สีของโรงพิมพ์ งานที่สีต้องตรงควรขอปรู๊ฟก่อนเสมอ ความต่างของ RGB กับ CMYK อ่านต่อได้ที่ CMYK กับ RGB ต่างกันอย่างไร
พาเล็ตต์สีเงินพร้อมใช้
พาเล็ตต์ 4 ชุดนี้จับคู่สีเงินกับสีพื้น สีตัวหนังสือ และสีเน้นไว้ให้แล้ว แตะสีใดก็ได้เพื่อคัดลอกโค้ดทีละสี หรือกด "คัดลอกทั้งชุด" เพื่อเอาไปวางทีเดียวครบ 5 สี ลำดับสีในแต่ละชุดไม่ได้บังคับ ลองสลับว่าสีไหนเป็นพื้นหลังและสีไหนเป็นตัวหนังสือ แล้วตรวจความอ่านง่ายด้วยตารางค่าคอนทราสต์ด้านล่าง หรือแปลงค่าเป็นรูปแบบอื่นด้วย เครื่องมือแปลงโค้ดสี
-
เทคโนโลยี
#111111#5C6066#C0C0C0#E5E4E2#2E5BFF -
ฤดูหนาว
#C0C8D2#DBE2E9#F4F8FB#8A9BA8#1B2A4A -
เงินกับชมพู
#D8C8C8#C9A9A6#F5F3EE#AAA9AD#3F3A3A -
โลหะเย็น
#71706E#A0A7AE#C9CED6#FFFFFF#0B1220
โค้ดไล่เฉดสีเงินแบบเมทัลลิก
วางโค้ด CSS นี้เป็นพื้นหลัง แล้วจะได้สีเงินที่ดูมีประกายแบบโลหะบนจอ หลักการคือไล่จากเฉดเข้มไปเฉดสว่างแล้วกลับมาเข้มอีกครั้ง ใน Canva หรือ Figma ให้ใช้ 5 ค่า HEX เดียวกันนี้เป็นจุดสีของการไล่เฉด (gradient) ตามลำดับ ได้ผลแบบเดียวกัน
background: linear-gradient(135deg, #71706E 0%, #C0C0C0 25%, #F2F2F2 50%, #C0C0C0 75%, #71706E 100%); สีเงินเข้ากับสีอะไร
สีเงินไม่มีค่าเฉดสี (Hue) จึงเข้าได้กับทุกสี สิ่งที่ต้องดูคือความต่างของความสว่างระหว่างสีเงินกับสีที่จะวางคู่กัน รายการด้านล่างคือค่าคอนทราสต์ (contrast ratio ตามสูตรของ WCAG) ระหว่างเงิน #C0C0C0 กับสีหลักของตระกูลอื่น ยิ่งตัวเลขสูง สีนั้นยิ่งเด่นเมื่อวางคู่กับสีเงิน ส่วนการหมุนวงจรสีใช้กับสีเงินไม่ได้ เพราะสีที่ไม่มีค่าเฉดสี หมุนไปเท่าไรก็ได้สีเดิม อ่านหลักการได้ที่ วงจรสี
ตัวหนังสือบนสีเงินควรเป็นสีอะไร
บนเงิน #C0C0C0 ตัวหนังสือสีดำอ่านง่ายกว่า ได้ค่าคอนทราสต์ 11.54:1 ส่วนตัวหนังสือสีขาวได้ 1.81:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีเงินอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก
| เฉด | ตัวหนังสือขาว | ตัวหนังสือดำ |
|---|---|---|
| เงิน | 1.24:1 ไม่ผ่าน | 16.82:1 ผ่าน · แนะนำ |
| เงิน | 1.30:1 ไม่ผ่าน | 16.06:1 ผ่าน · แนะนำ |
| เงิน | 1.61:1 ไม่ผ่าน | 13.01:1 ผ่าน · แนะนำ |
| เงิน | 1.68:1 ไม่ผ่าน | 12.43:1 ผ่าน · แนะนำ |
| เงิน | 1.74:1 ไม่ผ่าน | 12.04:1 ผ่าน · แนะนำ |
| เงิน#C0C0C0 | 1.81:1 ไม่ผ่าน | 11.54:1 ผ่าน · แนะนำ |
| เงิน | 2.05:1 ไม่ผ่าน | 10.24:1 ผ่าน · แนะนำ |
| เงิน | 2.33:1 ไม่ผ่าน | 8.98:1 ผ่าน · แนะนำ |
สีเงินให้ความรู้สึกแบบไหน
พจนานุกรมฉบับราชบัณฑิตยสถานไม่ได้เก็บคำว่า "เงิน" ในความหมายของชื่อสี แต่ให้ความหมายของโลหะเงินว่า "ธาตุลำดับที่ ๔๗ สัญลักษณ์ Ag เป็นโลหะสีขาวเนื้อค่อนข้างอ่อน"
สีเงินให้ภาพที่ทันสมัย สะอาด และเป็นเทคโนโลยี จึงเหมาะกับงานอิเล็กทรอนิกส์ รถยนต์ และบรรจุภัณฑ์ที่อยากดูล้ำ เงินที่อมฟ้าดูเย็นและคม เงินที่อมน้ำตาลหรือชมพูดูนุ่มและหรูกว่า
เช่นเดียวกับสีทอง สีเงินจากหมึกสี่สีจะออกมาเป็นเทาธรรมดา ถ้าต้องการเงาแบบโลหะจริงต้องใช้หมึกเมทัลลิกหรือฟอยล์เงิน
ความหมายของสีในวัฒนธรรมไทย เช่น สีกับงานมงคลและงานพิธี อ่านต่อได้ที่ จิตวิทยาสีไทย
เคล็ดลับใช้สีเงินในงานออกแบบ
หลักง่าย ๆ คือให้สีเงินมีบทบาทเดียวในงาน จะเป็นสีหลัก สีพื้น หรือสีเน้นก็ได้ แล้วเลือกสีอื่นมารับบทที่เหลือให้ชัดเจน เคล็ดลับด้านล่างใช้ได้ทั้งงานพิมพ์และงานบนจอ
- บนจอ ไล่เฉดจากเงินเข้มไปเงินสว่างแล้วกลับมาเข้มอีกครั้ง จะได้ภาพที่ดูเป็นโลหะ
- เงินคู่กับดำหรือกรมท่าเข้มให้ภาพพรีเมียมแบบเทคโนโลยี
- เงินคู่กับฟ้าอ่อนหรือขาวอมฟ้าให้ภาพเย็นและสะอาดแบบฤดูหนาว
- ตัวหนังสือสีเงินบนพื้นขาวแทบมองไม่เห็น ให้วางบนพื้นเข้มเสมอ
วิธีนำโค้ดสีเงินไปใช้
แตะค่า HEX ในตารางเพื่อคัดลอก แล้ววางในช่องรหัสสีของโปรแกรมได้ทันที ใช้ได้ทั้ง Canva, Figma, Photoshop และ Illustrator ส่วน Microsoft Word ให้ไปที่ More Colors แล้ววางค่า HEX ในช่อง Hex ของแท็บ Custom (Word รุ่นเก่าที่ไม่มีช่องนี้ให้ใส่ค่า RGB แทน) ขั้นตอนของแต่ละโปรแกรมอยู่ที่ หน้ารวมโค้ดสี ถ้ามีโค้ดสีในรูปแบบอื่นอยู่แล้ว เช่น CMYK จากโรงพิมพ์ แปลงกลับเป็น HEX ได้ที่ เครื่องมือแปลงโค้ดสี
โค้ดสีตระกูลอื่น
ThaiGraph รวมโค้ดสีไว้ 19 ตระกูล รวม 450 เฉด เลือกตระกูลที่ต้องการด้านล่าง หรือดูทุกเฉดในหน้าเดียวพร้อมช่องค้นหาที่ รวมโค้ดสี ส่วนสีไทยโบราณอยู่ที่ สีไทย Thaitone
ตรวจสอบข้อมูลเมื่อ November 2026
แหล่งอ้างอิง
- ค่า HEX ของเฉดที่มีป้าย "มาตรฐาน CSS" ทั้ง 1 เฉด (เช่น silver = #C0C0C0) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (accessed Nov 3, 2026)
- ความหมายของคำว่า "เงิน": "ธาตุลำดับที่ ๔๗ สัญลักษณ์ Ag เป็นโลหะสีขาวเนื้อค่อนข้างอ่อน"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (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)