โค้ดสี · Black · 20 เฉด
สีดำ โค้ดสีดำ รหัสสีดำทุกเฉด HEX RGB CMYK
โค้ดสีดำที่หน้านี้ใช้เป็นสีตัวแทนคือดำสนิท #000000 หรือ RGB 0, 0, 0 ซึ่งเป็นชื่อสีมาตรฐาน CSS black และหน้านี้รวมสีดำไว้ 20 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที
- HEX
-
#000000 - RGB
-
0, 0, 0 - CMYK
-
0, 0, 0, 100 - HSL
-
0°, 0%, 0%
ดำสนิท #000000 คือจุดเริ่มต้น แต่ในงานจริงนักออกแบบมักใช้ "ดำที่ไม่ดำสนิท" เพื่อให้งานดูนุ่มขึ้น หน้านี้รวมดำทั้งสองแบบพร้อมโค้ดสีครบ
โค้ดสีดำทั้ง 20 เฉด
ด้านล่างคือสีดำทั้ง 20 เฉด เรียงจากอ่อนไปเข้ม แต่ละเฉดมีค่า HEX, RGB, CMYK และ HSL ให้แตะคัดลอกได้ทีละค่า เฉดที่มีป้าย "มาตรฐาน CSS" (1 เฉด) ใช้ค่าตามตารางชื่อสีมาตรฐานของ W3C พิมพ์ชื่อสีนั้นในโค้ด CSS ได้ตรง ๆ ส่วนเฉดที่มีป้าย "ค่าที่นิยมใช้" (19 เฉด) เป็นค่าที่ ThaiGraph เลือกให้ตรงกับชื่อเรียกที่คนไทยใช้ ไม่ใช่ค่ามาตรฐาน และแต่ละคนอาจเรียกสีเดียวกันต่างกันได้เล็กน้อย ความต่างของเฉดอ่อน เฉดเข้ม และโทนหม่น อธิบายไว้ที่ เฉดสีและโทนสี
- #353839
ดำ
ออนิกซ์ Onyx
ค่าที่นิยมใช้
- HEX
-
#353839 - RGB
-
53, 56, 57 - CMYK
-
7, 2, 0, 78 - HSL
-
195°, 4%, 22%
- #343434
ดำ
เจ็ท Jet
ค่าที่นิยมใช้
- HEX
-
#343434 - RGB
-
52, 52, 52 - CMYK
-
0, 0, 0, 80 - HSL
-
0°, 0%, 20%
- #2B2B2B
ดำ
ชาร์โคล Charcoal black
ค่าที่นิยมใช้
- HEX
-
#2B2B2B - RGB
-
43, 43, 43 - CMYK
-
0, 0, 0, 83 - HSL
-
0°, 0%, 17%
- #222222
ดำ
เทา Soft black
ค่าที่นิยมใช้
- HEX
-
#222222 - RGB
-
34, 34, 34 - CMYK
-
0, 0, 0, 87 - HSL
-
0°, 0%, 13%
- #1F1F1F
ดำ
ด้าน Matte black
ค่าที่นิยมใช้
- HEX
-
#1F1F1F - RGB
-
31, 31, 31 - CMYK
-
0, 0, 0, 88 - HSL
-
0°, 0%, 12%
- #1C1C1C
ดำ
ถ่าน Coal black
ค่าที่นิยมใช้
- HEX
-
#1C1C1C - RGB
-
28, 28, 28 - CMYK
-
0, 0, 0, 89 - HSL
-
0°, 0%, 11%
- #1D1A1A
ดำ
มะเกลือ Ebony black
ค่าที่นิยมใช้
- HEX
-
#1D1A1A - RGB
-
29, 26, 26 - CMYK
-
0, 10, 10, 89 - HSL
-
0°, 5%, 11%
- #1B1325
ดำ
อม ม่วง Purple black
ค่าที่นิยมใช้
- HEX
-
#1B1325 - RGB
-
27, 19, 37 - CMYK
-
27, 49, 0, 85 - HSL
-
267°, 32%, 11%
- #1C1F14
ดำ
โอลีฟ Olive black
ค่าที่นิยมใช้
- HEX
-
#1C1F14 - RGB
-
28, 31, 20 - CMYK
-
10, 0, 35, 88 - HSL
-
76°, 22%, 10%
- #1B1212
ดำ
กาแฟ Coffee black
ค่าที่นิยมใช้
- HEX
-
#1B1212 - RGB
-
27, 18, 18 - CMYK
-
0, 33, 33, 89 - HSL
-
0°, 20%, 9%
- #0D1321
ดำ
กรมท่า Navy black
ค่าที่นิยมใช้
- HEX
-
#0D1321 - RGB
-
13, 19, 33 - CMYK
-
61, 42, 0, 87 - HSL
-
222°, 43%, 9%
- #1A1110
ดำ
ลิคอริซ Licorice
ค่าที่นิยมใช้
- HEX
-
#1A1110 - RGB
-
26, 17, 16 - CMYK
-
0, 35, 38, 90 - HSL
-
6°, 24%, 8%
- #1E120D
ดำ
ช็อกโกแลต Chocolate black
ค่าที่นิยมใช้
- HEX
-
#1E120D - RGB
-
30, 18, 13 - CMYK
-
0, 40, 57, 88 - HSL
-
18°, 40%, 8%
- #0B1220
ดำ
อม น้ำเงิน Blue black
ค่าที่นิยมใช้
- HEX
-
#0B1220 - RGB
-
11, 18, 32 - CMYK
-
66, 44, 0, 87 - HSL
-
220°, 49%, 8%
- #111111
ดำ
เงา Gloss black
ค่าที่นิยมใช้
- HEX
-
#111111 - RGB
-
17, 17, 17 - CMYK
-
0, 0, 0, 93 - HSL
-
0°, 0%, 7%
- #1A0A0A
ดำ
อม แดง Red black
ค่าที่นิยมใช้
- HEX
-
#1A0A0A - RGB
-
26, 10, 10 - CMYK
-
0, 62, 62, 90 - HSL
-
0°, 44%, 7%
- #0B1A14
ดำ
อม เขียว Green black
ค่าที่นิยมใช้
- HEX
-
#0B1A14 - RGB
-
11, 26, 20 - CMYK
-
58, 0, 23, 90 - HSL
-
156°, 41%, 7%
- #0A0A0A
ดำ
หมึก Ink black
ค่าที่นิยมใช้
- HEX
-
#0A0A0A - RGB
-
10, 10, 10 - CMYK
-
0, 0, 0, 96 - HSL
-
0°, 0%, 4%
- #0C090A
ดำ
ราตรี Night
ค่าที่นิยมใช้
- HEX
-
#0C090A - RGB
-
12, 9, 10 - CMYK
-
0, 25, 17, 95 - HSL
-
340°, 14%, 4%
- #000000
ดำ
สนิท Black
มาตรฐาน CSS
black- HEX
-
#000000 - RGB
-
0, 0, 0 - CMYK
-
0, 0, 0, 100 - HSL
-
0°, 0%, 0%
ค่า CMYK ในหน้านี้คำนวณจากค่าสีบนจอด้วยสูตรแปลงพื้นฐาน ใช้เป็นจุดตั้งต้นได้ดี แต่สีที่พิมพ์ออกมาจริงขึ้นกับกระดาษ หมึก และโปรไฟล์สีของโรงพิมพ์ งานที่สีต้องตรงควรขอปรู๊ฟก่อนเสมอ ความต่างของ RGB กับ CMYK อ่านต่อได้ที่ CMYK กับ RGB ต่างกันอย่างไร
พาเล็ตต์สีดำพร้อมใช้
พาเล็ตต์ 4 ชุดนี้จับคู่สีดำกับสีพื้น สีตัวหนังสือ และสีเน้นไว้ให้แล้ว แตะสีใดก็ได้เพื่อคัดลอกโค้ดทีละสี หรือกด "คัดลอกทั้งชุด" เพื่อเอาไปวางทีเดียวครบ 5 สี ลำดับสีในแต่ละชุดไม่ได้บังคับ ลองสลับว่าสีไหนเป็นพื้นหลังและสีไหนเป็นตัวหนังสือ แล้วตรวจความอ่านง่ายด้วยตารางค่าคอนทราสต์ด้านล่าง หรือแปลงค่าเป็นรูปแบบอื่นด้วย เครื่องมือแปลงโค้ดสี
-
ดำกับทอง
#0A0A0A#1F1F1F#C9A54C#F3EBD8#FFFFFF -
ดำแดงขาว
#111111#D7141A#FFFFFF#E5E5E5#4A4A4A -
กลางคืนในเมือง
#0B1220#1B2A4A#2E5BFF#B6BBC4#F4F8FB -
ดำอุ่น
#1A1110#3F2A1E#B5702D#EADBC8#FAF6EF
สีดำเข้ากับสีอะไร
สีดำไม่มีค่าเฉดสี (Hue) จึงเข้าได้กับทุกสี สิ่งที่ต้องดูคือความต่างของความสว่างระหว่างสีดำกับสีที่จะวางคู่กัน รายการด้านล่างคือค่าคอนทราสต์ (contrast ratio ตามสูตรของ WCAG) ระหว่างดำสนิท #000000 กับสีหลักของตระกูลอื่น ยิ่งตัวเลขสูง สีนั้นยิ่งเด่นเมื่อวางคู่กับสีดำ ส่วนการหมุนวงจรสีใช้กับสีดำไม่ได้ เพราะสีที่ไม่มีค่าเฉดสี หมุนไปเท่าไรก็ได้สีเดิม อ่านหลักการได้ที่ วงจรสี
ตัวหนังสือบนสีดำควรเป็นสีอะไร
บนดำสนิท #000000 ตัวหนังสือสีขาวอ่านง่ายกว่า ได้ค่าคอนทราสต์ 21.00:1 ส่วนตัวหนังสือสีดำได้ 1.00:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีดำอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก
| เฉด | ตัวหนังสือขาว | ตัวหนังสือดำ |
|---|---|---|
| ดำ | 11.82:1 ผ่าน · แนะนำ | 1.77:1 ไม่ผ่าน |
| ดำ | 14.15:1 ผ่าน · แนะนำ | 1.48:1 ไม่ผ่าน |
| ดำ | 16.48:1 ผ่าน · แนะนำ | 1.27:1 ไม่ผ่าน |
| ดำ | 17.28:1 ผ่าน · แนะนำ | 1.21:1 ไม่ผ่าน |
| ดำ | 16.72:1 ผ่าน · แนะนำ | 1.25:1 ไม่ผ่าน |
| ดำ | 18.54:1 ผ่าน · แนะนำ | 1.13:1 ไม่ผ่าน |
| ดำ | 18.30:1 ผ่าน · แนะนำ | 1.14:1 ไม่ผ่าน |
| ดำ | 18.88:1 ผ่าน · แนะนำ | 1.11:1 ไม่ผ่าน |
| ดำ | 21.00:1 ผ่าน · แนะนำ | 1.00:1 ไม่ผ่าน |
สีดำให้ความรู้สึกแบบไหน
พจนานุกรมฉบับราชบัณฑิตยสถานให้ความหมายของคำว่า "ดำ" ในฐานะชื่อสีว่า "สีอย่างสีเขม่าไฟจับก้นหม้อ" ซึ่งเป็นนิยามที่ใช้อ้างอิงได้เมื่อต้องอธิบายสีนี้เป็นภาษาไทย
ดำให้ภาพที่หรู ทรงพลัง และจริงจัง แบรนด์แฟชั่นและสินค้าระดับบนจึงใช้ดำเป็นสีหลัก ดำบนพื้นขาวยังให้ค่าคอนทราสต์สูงสุดที่เป็นไปได้คือ 21:1 จึงเป็นคู่สีตัวหนังสือที่ชัดที่สุด
บนจอ ดำสนิทข้างขาวสนิทอาจดูแข็งและล้าตาเมื่ออ่านนาน ๆ หลายเว็บไซต์จึงเลือกดำที่เจือสีเล็กน้อย เช่น ดำอมน้ำเงินหรือดำ #111111 ซึ่งยังอ่านชัดแต่สบายตากว่า
ความหมายของสีในวัฒนธรรมไทย เช่น สีกับงานมงคลและงานพิธี อ่านต่อได้ที่ จิตวิทยาสีไทย
เคล็ดลับใช้สีดำในงานออกแบบ
หลักง่าย ๆ คือให้สีดำมีบทบาทเดียวในงาน จะเป็นสีหลัก สีพื้น หรือสีเน้นก็ได้ แล้วเลือกสีอื่นมารับบทที่เหลือให้ชัดเจน เคล็ดลับด้านล่างใช้ได้ทั้งงานพิมพ์และงานบนจอ
- ตัวหนังสือบนเว็บไซต์ใช้ดำ #111111 ถึง #222222 แทน #000000 จะดูนุ่มขึ้นโดยแทบไม่เสียความคมชัด
- ดำอมน้ำเงินหรือดำอมเขียวช่วยให้ภาพรวมของงานมีโทน แทนดำที่ดูแบนราบ
- งานพิมพ์ที่มีพื้นที่ดำขนาดใหญ่ ให้ถามโรงพิมพ์ว่าแนะนำสูตรหมึกดำแบบไหน เพราะดำจากหมึกดำอย่างเดียวอาจดูเทาบนกระดาษ
- ดำคู่กับทอง แดง หรือขาว เป็นคู่สีที่ไม่มีวันล้าสมัย
วิธีนำโค้ดสีดำไปใช้
แตะค่า 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 เฉด (เช่น black = #000000) ตามตารางชื่อสีมาตรฐาน—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)