ข้ามไปยังเนื้อหา
ไทยกราฟ English

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

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

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

เทา Gray / Grey
HEX
#808080
RGB
128, 128, 128
CMYK
0, 0, 0, 50
HSL
0°, 0%, 50%

เทาเป็นสีกลางที่ทำให้สีอื่นเด่นขึ้น หน้านี้รวมเทาตั้งแต่เทาอ่อนเกือบขาวไปจนถึงชาร์โคลเกือบดำ ทั้งเทาเย็นที่อมฟ้าและเทาอุ่นที่อมน้ำตาล

Portrait of Ploypailin Srisuwan, Thai Design Researcher at ThaiGraph

โดย Ploypailin Srisuwan

Thai Design Researcher & Editor, ThaiGraph ·

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

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

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

  • #E2E2DE

    เทาไข่มุก

    Pearl gray

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

    HEX
    #E2E2DE
    RGB
    226, 226, 222
    CMYK
    0, 0, 2, 11
    HSL
    60°, 6%, 88%
  • #DCDCDC

    เทาเกนส์โบโร

    Gainsboro

    มาตรฐาน CSSgainsboro

    HEX
    #DCDCDC
    RGB
    220, 220, 220
    CMYK
    0, 0, 0, 14
    HSL
    0°, 0%, 86%
  • #D3D3D3

    เทาอ่อน

    Light gray

    มาตรฐาน CSSlightgray

    HEX
    #D3D3D3
    RGB
    211, 211, 211
    CMYK
    0, 0, 0, 17
    HSL
    0°, 0%, 83%
  • #B6BBC4

    เทาเมฆฝน

    Rain cloud gray

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

    HEX
    #B6BBC4
    RGB
    182, 187, 196
    CMYK
    7, 5, 0, 23
    HSL
    219°, 11%, 74%
  • #A9A9A9

    เทาดาร์กเกรย์

    Dark gray

    มาตรฐาน CSSdarkgray

    HEX
    #A9A9A9
    RGB
    169, 169, 169
    CMYK
    0, 0, 0, 34
    HSL
    0°, 0%, 66%
  • #8C92AC

    เทาเย็น

    Cool gray

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

    HEX
    #8C92AC
    RGB
    140, 146, 172
    CMYK
    19, 15, 0, 33
    HSL
    229°, 16%, 61%
  • #8A9BA8

    เทาอมฟ้า

    Blue gray

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

    HEX
    #8A9BA8
    RGB
    138, 155, 168
    CMYK
    18, 8, 0, 34
    HSL
    206°, 15%, 60%
  • #8D8D86

    เทาปูนเปลือย

    Concrete

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

    HEX
    #8D8D86
    RGB
    141, 141, 134
    CMYK
    0, 0, 5, 45
    HSL
    60°, 3%, 54%
  • #848884

    เทาควันบุหรี่

    Smoke gray

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

    HEX
    #848884
    RGB
    132, 136, 132
    CMYK
    3, 0, 3, 47
    HSL
    120°, 2%, 53%
  • #778899

    เทาสเลตอ่อน

    Light slate gray

    มาตรฐาน CSSlightslategray

    HEX
    #778899
    RGB
    119, 136, 153
    CMYK
    22, 11, 0, 40
    HSL
    210°, 14%, 53%
  • #8B8589

    เทาทอป

    Taupe gray

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

    HEX
    #8B8589
    RGB
    139, 133, 137
    CMYK
    0, 4, 1, 45
    HSL
    320°, 3%, 53%
  • #8B8580

    เทาอุ่น

    Warm gray

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

    HEX
    #8B8580
    RGB
    139, 133, 128
    CMYK
    0, 4, 8, 45
    HSL
    27°, 5%, 52%
  • #808080

    เทา

    Gray / Grey

    มาตรฐาน CSSgray

    HEX
    #808080
    RGB
    128, 128, 128
    CMYK
    0, 0, 0, 50
    HSL
    0°, 0%, 50%
  • #708090

    เทาสเลต

    Slate gray

    มาตรฐาน CSSslategray

    HEX
    #708090
    RGB
    112, 128, 144
    CMYK
    22, 11, 0, 44
    HSL
    210°, 13%, 50%
  • #6E6E6E

    เทาช้าง

    Elephant gray

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

    HEX
    #6E6E6E
    RGB
    110, 110, 110
    CMYK
    0, 0, 0, 57
    HSL
    0°, 0%, 43%
  • #696969

    เทาหม่น

    Dim gray

    มาตรฐาน CSSdimgray

    HEX
    #696969
    RGB
    105, 105, 105
    CMYK
    0, 0, 0, 59
    HSL
    0°, 0%, 41%
  • #5A5D60

    เทาตะกั่ว

    Lead gray

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

    HEX
    #5A5D60
    RGB
    90, 93, 96
    CMYK
    6, 3, 0, 62
    HSL
    210°, 3%, 36%
  • #474A51

    เทาแกรไฟต์

    Graphite

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

    HEX
    #474A51
    RGB
    71, 74, 81
    CMYK
    12, 9, 0, 68
    HSL
    222°, 7%, 30%
  • #4A4A4A

    เทาเข้ม

    Dark gray

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

    HEX
    #4A4A4A
    RGB
    74, 74, 74
    CMYK
    0, 0, 0, 71
    HSL
    0°, 0%, 29%
  • #36454F

    เทาชาร์โคล

    Charcoal

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

    HEX
    #36454F
    RGB
    54, 69, 79
    CMYK
    32, 13, 0, 69
    HSL
    204°, 19%, 26%
  • #2F4F4F

    เทาสเลตเข้ม

    Dark slate gray

    มาตรฐาน CSSdarkslategray

    HEX
    #2F4F4F
    RGB
    47, 79, 79
    CMYK
    41, 0, 0, 69
    HSL
    180°, 25%, 25%
  • #2A3439

    เทากันเมทัล

    Gunmetal

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

    HEX
    #2A3439
    RGB
    42, 52, 57
    CMYK
    26, 9, 0, 78
    HSL
    200°, 15%, 19%

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

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

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

  • มินิมอลเทาเย็น

    #2A3439
    #708090
    #B6BBC4
    #F2F4F6
    #2E8BC0

  • ลอฟต์ปูนเปลือย

    #8D8D86
    #4A4A4A
    #D9D6CF
    #A0763A
    #5E8C31

  • เทาอุ่นกับส้ม

    #8B8580
    #E2E2DE
    #FAF8F5
    #F15A22
    #36454F

  • โมโนโครม

    #111111
    #4A4A4A
    #808080
    #D3D3D3
    #FFFFFF

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

สีเทาไม่มีค่าเฉดสี (Hue) จึงเข้าได้กับทุกสี สิ่งที่ต้องดูคือความต่างของความสว่างระหว่างสีเทากับสีที่จะวางคู่กัน รายการด้านล่างคือค่าคอนทราสต์ (contrast ratio ตามสูตรของ WCAG) ระหว่างเทา #808080 กับสีหลักของตระกูลอื่น ยิ่งตัวเลขสูง สีนั้นยิ่งเด่นเมื่อวางคู่กับสีเทา ส่วนการหมุนวงจรสีใช้กับสีเทาไม่ได้ เพราะสีที่ไม่มีค่าเฉดสี หมุนไปเท่าไรก็ได้สีเดิม อ่านหลักการได้ที่ วงจรสี

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

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

ตัวหนังสือสีขาว Aa 3.94:1 · ผ่านเฉพาะตัวใหญ่
ตัวหนังสือสีดำ Aa 5.31:1 · ผ่าน
เฉดตัวหนังสือขาวตัวหนังสือดำ
เทาไข่มุก#E2E2DE 1.29:1 ไม่ผ่าน 16.16:1 ผ่าน · แนะนำ
เทาเมฆฝน#B6BBC4 1.92:1 ไม่ผ่าน 10.89:1 ผ่าน · แนะนำ
เทาอมฟ้า#8A9BA8 2.86:1 ไม่ผ่าน 7.33:1 ผ่าน · แนะนำ
เทาสเลตอ่อน#778899 3.64:1 ผ่านเฉพาะตัวใหญ่ 5.76:1 ผ่าน · แนะนำ
เทา#808080 3.94:1 ผ่านเฉพาะตัวใหญ่ 5.31:1 ผ่าน · แนะนำ
เทาหม่น#696969 5.48:1 ผ่าน · แนะนำ 3.82:1 ผ่านเฉพาะตัวใหญ่
เทาเข้ม#4A4A4A 8.86:1 ผ่าน · แนะนำ 2.36:1 ไม่ผ่าน
เทากันเมทัล#2A3439 12.73:1 ผ่าน · แนะนำ 1.64:1 ไม่ผ่าน

สีเทาให้ความรู้สึกแบบไหน

พจนานุกรมฉบับราชบัณฑิตยสถานให้ความหมายของคำว่า "เทา" ในฐานะชื่อสีว่า "สีหม่น ๆ อย่างสีขี้เถ้า เรียกว่า สีเทา" ซึ่งเป็นนิยามที่ใช้อ้างอิงได้เมื่อต้องอธิบายสีนี้เป็นภาษาไทย

เทาให้ภาพที่สุขุม เรียบ และเป็นกลาง จึงเป็นโครงของงานมินิมอล งานสถาปัตย์ และอินเทอร์เฟซแอป เทาเย็นที่อมฟ้าดูสะอาดและเป็นเทคโนโลยี เทาอุ่นที่อมน้ำตาลดูนุ่มและเป็นกันเองกว่า

ความลับของงานที่ดูดีคือเลือกเทาให้เข้ากับสีหลัก ถ้าสีหลักเป็นโทนเย็นอย่างน้ำเงิน ให้ใช้เทาเย็น ถ้าสีหลักเป็นโทนร้อนอย่างส้มหรือแดง ให้ใช้เทาอุ่น

ความหมายของสีในวัฒนธรรมไทย เช่น สีกับงานมงคลและงานพิธี อ่านต่อได้ที่ จิตวิทยาสีไทย

เคล็ดลับใช้สีเทาในงานออกแบบ

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

  • ตัวหนังสือสีเทาอ่อนบนพื้นขาวอ่านยาก ให้ใช้เทาเข้มอย่างชาร์โคลหรือเทาตะกั่วกับเนื้อหาหลัก
  • ใช้เทา 3–4 ระดับในงานเดียวเพื่อแยกพื้นหลัง เส้นแบ่ง และตัวหนังสือรอง แล้วเก็บสีสดไว้หนึ่งสีสำหรับจุดเน้น
  • เทาปูนเปลือยคู่กับไม้และเขียวต้นไม้ให้ภาพแบบลอฟต์
  • เทาบนกระดาษพิมพ์ออกมาอมสีได้ง่าย ถ้าต้องการเทากลางจริง ๆ ให้คุยกับโรงพิมพ์เรื่องการพิมพ์ด้วยหมึกดำล้วน

วิธีนำโค้ดสีเทาไปใช้

แตะค่า 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" ทั้ง 8 เฉด (เช่น gray = #808080) ตามตารางชื่อสีมาตรฐาน—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)