ข้ามไปยังเนื้อหา

โค้ดสี · Black · 20 เฉด

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

โค้ดสีดำที่หน้านี้ใช้เป็นสีตัวแทนคือดำสนิท #000000 หรือ RGB 0, 0, 0 ซึ่งเป็นชื่อสีมาตรฐาน CSS black และหน้านี้รวมสีดำไว้ 20 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที

ดำสนิท Black
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

    มาตรฐาน CSSblack

    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 ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีดำอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก

ตัวหนังสือสีขาว Aa 21.00:1 · ผ่าน
ตัวหนังสือสีดำ Aa 1.00:1 · ไม่ผ่าน
เฉดตัวหนังสือขาวตัวหนังสือดำ
ดำออนิกซ์#353839 11.82:1 ผ่าน · แนะนำ 1.77:1 ไม่ผ่าน
ดำชาร์โคล#2B2B2B 14.15:1 ผ่าน · แนะนำ 1.48:1 ไม่ผ่าน
ดำด้าน#1F1F1F 16.48:1 ผ่าน · แนะนำ 1.27:1 ไม่ผ่าน
ดำมะเกลือ#1D1A1A 17.28:1 ผ่าน · แนะนำ 1.21:1 ไม่ผ่าน
ดำโอลีฟ#1C1F14 16.72:1 ผ่าน · แนะนำ 1.25:1 ไม่ผ่าน
ดำกรมท่า#0D1321 18.54:1 ผ่าน · แนะนำ 1.13:1 ไม่ผ่าน
ดำช็อกโกแลต#1E120D 18.30:1 ผ่าน · แนะนำ 1.14:1 ไม่ผ่าน
ดำเงา#111111 18.88:1 ผ่าน · แนะนำ 1.11:1 ไม่ผ่าน
ดำสนิท#000000 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

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

  1. ค่า HEX ของเฉดที่มีป้าย "มาตรฐาน CSS" ทั้ง 1 เฉด (เช่น black = #000000) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (accessed Nov 3, 2026)
  2. ความหมายของคำว่า "ดำ ๓": "สีอย่างสีเขม่าไฟจับก้นหม้อ"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
  3. โค้ด HEX 6 หลักคือค่าแดง เขียว และน้ำเงิน คู่ละ 2 หลัก ในระบบเลขฐานสิบหก—W3C, CSS Color Module Level 4 — §5.2 The RGB Hexadecimal Notations (accessed Nov 3, 2026)
  4. เกณฑ์คอนทราสต์ขั้นต่ำ 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา)—W3C, Understanding WCAG 2.2 — Success Criterion 1.4.3 Contrast (Minimum) (accessed Nov 3, 2026)