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

โค้ดสี · Red · 23 เฉด

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

โค้ดสีแดงที่หน้านี้ใช้เป็นสีตัวแทนคือแดงสด #E30613 หรือ RGB 227, 6, 19 และหน้านี้รวมสีแดงไว้ 23 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที

แดงสด Bright red
HEX
#E30613
RGB
227, 6, 19
CMYK
0, 97, 92, 11
HSL
356°, 95%, 46%

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

โค้ดสีแดงทั้ง 23 เฉด

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

  • #FF6347

    แดงมะเขือเทศ

    Tomato

    มาตรฐาน CSStomato

    HEX
    #FF6347
    RGB
    255, 99, 71
    CMYK
    0, 61, 72, 0
    HSL
    9°, 100%, 64%
  • #CD5C5C

    แดงอินเดียน

    Indian red

    มาตรฐาน CSSindianred

    HEX
    #CD5C5C
    RGB
    205, 92, 92
    CMYK
    0, 55, 55, 20
    HSL
    0°, 53%, 58%
  • #E34234

    แดงชาด

    Vermilion

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

    HEX
    #E34234
    RGB
    227, 66, 52
    CMYK
    0, 71, 77, 11
    HSL
    5°, 76%, 55%
  • #E03C31

    แดงอมส้ม

    Orange red

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

    HEX
    #E03C31
    RGB
    224, 60, 49
    CMYK
    0, 73, 78, 12
    HSL
    4°, 74%, 54%
  • #FF0000

    แดง

    Red

    มาตรฐาน CSSred

    HEX
    #FF0000
    RGB
    255, 0, 0
    CMYK
    0, 100, 100, 0
    HSL
    0°, 100%, 50%
  • #FF2400

    แดงสการ์เล็ต

    Scarlet

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

    HEX
    #FF2400
    RGB
    255, 36, 0
    CMYK
    0, 86, 100, 0
    HSL
    8°, 100%, 50%
  • #DC143C

    แดงคริมสัน

    Crimson

    มาตรฐาน CSScrimson

    HEX
    #DC143C
    RGB
    220, 20, 60
    CMYK
    0, 91, 73, 14
    HSL
    348°, 83%, 47%
  • #E30613

    แดงสด

    Bright red

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

    HEX
    #E30613
    RGB
    227, 6, 19
    CMYK
    0, 97, 92, 11
    HSL
    356°, 95%, 46%
  • #D7141A

    แดงตรุษจีน

    Lucky red

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

    HEX
    #D7141A
    RGB
    215, 20, 26
    CMYK
    0, 91, 88, 16
    HSL
    358°, 83%, 46%
  • #A44A3F

    แดงตุ่น

    Muted red

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

    HEX
    #A44A3F
    RGB
    164, 74, 63
    CMYK
    0, 55, 62, 36
    HSL
    7°, 44%, 45%
  • #C21E56

    แดงกุหลาบ

    Rose red

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

    HEX
    #C21E56
    RGB
    194, 30, 86
    CMYK
    0, 85, 56, 24
    HSL
    340°, 73%, 44%
  • #B22222

    แดงอิฐไฟ

    Firebrick

    มาตรฐาน CSSfirebrick

    HEX
    #B22222
    RGB
    178, 34, 34
    CMYK
    0, 81, 81, 30
    HSL
    0°, 68%, 42%
  • #D2042D

    แดงเชอร์รี

    Cherry red

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

    HEX
    #D2042D
    RGB
    210, 4, 45
    CMYK
    0, 98, 79, 18
    HSL
    348°, 96%, 42%
  • #C8102E

    แดงเลือดนก

    Bird blood red

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

    HEX
    #C8102E
    RGB
    200, 16, 46
    CMYK
    0, 92, 77, 22
    HSL
    350°, 85%, 42%
  • #C21807

    แดงพริก

    Chili red

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

    HEX
    #C21807
    RGB
    194, 24, 7
    CMYK
    0, 88, 96, 24
    HSL
    5°, 93%, 39%
  • #9C2E25

    แดงอิฐ

    Brick red

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

    HEX
    #9C2E25
    RGB
    156, 46, 37
    CMYK
    0, 71, 76, 39
    HSL
    5°, 62%, 38%
  • #9B111E

    แดงทับทิม

    Ruby

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

    HEX
    #9B111E
    RGB
    155, 17, 30
    CMYK
    0, 89, 81, 39
    HSL
    354°, 80%, 34%
  • #722F37

    ไวน์แดง

    Wine red

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

    HEX
    #722F37
    RGB
    114, 47, 55
    CMYK
    0, 59, 52, 55
    HSL
    353°, 42%, 32%
  • #7A1F1F

    แดงเลือดหมู

    Oxblood

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

    HEX
    #7A1F1F
    RGB
    122, 31, 31
    CMYK
    0, 75, 75, 52
    HSL
    0°, 59%, 30%
  • #960018

    แดงคาร์ไมน์

    Carmine

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

    HEX
    #960018
    RGB
    150, 0, 24
    CMYK
    0, 100, 84, 41
    HSL
    350°, 100%, 29%
  • #8B0000

    แดงเข้ม

    Dark red

    มาตรฐาน CSSdarkred

    HEX
    #8B0000
    RGB
    139, 0, 0
    CMYK
    0, 100, 100, 45
    HSL
    0°, 100%, 27%
  • #800000

    แดงมารูน

    Maroon

    มาตรฐาน CSSmaroon

    HEX
    #800000
    RGB
    128, 0, 0
    CMYK
    0, 100, 100, 50
    HSL
    0°, 100%, 25%
  • #800020

    แดงเบอร์กันดี

    Burgundy

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

    HEX
    #800020
    RGB
    128, 0, 32
    CMYK
    0, 100, 75, 50
    HSL
    345°, 100%, 25%

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

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

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

  • แดงลดราคา

    #E30613
    #FFFFFF
    #1A1A1A
    #FFD23F
    #F2F2F2
  • ไวน์และครีม

    #722F37
    #800020
    #E8D3B9
    #FAF3E7
    #2B2B2B
  • ตรุษจีน

    #D7141A
    #9B111E
    #E8B00C
    #FFF3D6
    #3A0A0A
  • แดงเลือดหมูกับกรมท่า

    #7A1F1F
    #1F2A44
    #C9A54C
    #F5EBD7
    #FFFFFF
  • แดงอบอุ่น

    #E34234
    #F88379
    #F6D6C8
    #FFF8F0
    #5C2018

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

สีที่ตัดกับแดงสดได้ชัดที่สุดคือสีตรงข้ามบนวงจรสี #06E3D6 (ใกล้เคียงฟ้าเทอร์ควอยซ์) ส่วนสีที่กลมกลืนที่สุดคือสีข้างเคียง #E30682 และ #E36806 ทุกค่าด้านล่างคำนวณจากแดงสด #E30613 ด้วยการหมุนค่าเฉดสี (Hue) ในระบบ HSL โดยคงความสด (Saturation) และความสว่าง (Lightness) ไว้เท่าเดิม ชื่อที่กำกับใต้สีคือเฉดในคลังที่ดูใกล้เคียงที่สุด ถ้าไม่มีเฉดไหนใกล้พอจะแสดงเพียงองศาที่หมุน หลักการของแต่ละแบบอ่านต่อได้ที่ สีคู่ตรงข้าม และ วงจรสี

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

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

    #E30613

    แดงสด สีตั้งต้น

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

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

    #E30613

    แดงสด สีตั้งต้น

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

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

    #E30613

    แดงสด สีตั้งต้น

    #13E306

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

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

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

    #E30613

    แดงสด สีตั้งต้น

    #06E368

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

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

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

ตัวหนังสือสีขาว Aa 4.88:1 · ผ่าน
ตัวหนังสือสีดำ Aa 4.30:1 · ผ่านเฉพาะตัวใหญ่
เฉดตัวหนังสือขาวตัวหนังสือดำ
แดงมะเขือเทศ#FF6347 2.94:1 ไม่ผ่าน 7.12:1 ผ่าน · แนะนำ
แดงอมส้ม#E03C31 4.32:1 ผ่านเฉพาะตัวใหญ่ 4.86:1 ผ่าน · แนะนำ
แดงคริมสัน#DC143C 4.98:1 ผ่าน · แนะนำ 4.20:1 ผ่านเฉพาะตัวใหญ่
แดงสด#E30613 4.88:1 ผ่าน · แนะนำ 4.30:1 ผ่านเฉพาะตัวใหญ่
แดงตุ่น#A44A3F 5.78:1 ผ่าน · แนะนำ 3.62:1 ผ่านเฉพาะตัวใหญ่
แดงเชอร์รี#D2042D 5.53:1 ผ่าน · แนะนำ 3.79:1 ผ่านเฉพาะตัวใหญ่
แดงอิฐ#9C2E25 7.41:1 ผ่าน · แนะนำ 2.83:1 ไม่ผ่าน
แดงเลือดหมู#7A1F1F 10.27:1 ผ่าน · แนะนำ 2.04:1 ไม่ผ่าน
แดงมารูน#800000 10.94:1 ผ่าน · แนะนำ 1.91:1 ไม่ผ่าน

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

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

  • เลือดนก "สีแดงอย่างสีเลือดของนก"
  • เลือดหมู "สีแดงคล้ำอย่างสีเลือดของหมู"
  • ชาด "สีแดงสดอย่างหนึ่ง เรียกว่า สีแดงชาด"

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

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

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

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

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

  • ใช้แดงสดกับข้อความหรือปุ่มที่สำคัญที่สุดเพียงจุดเดียว ส่วนที่เหลือใช้สีกลาง
  • แดงคู่กับครีมหรือขาวนวลดูอบอุ่นกว่าแดงกับขาวสะอาด
  • แดงเลือดหมูคู่กับกรมท่าหรือเขียวเข้มให้ภาพคลาสสิกแบบงานฤดูหนาว
  • คนตาบอดสีบางประเภทแยกแดงกับเขียวได้ยาก อย่าใช้สีอย่างเดียวบอกความหมาย ควรมีข้อความหรือไอคอนกำกับด้วย

วิธีนำโค้ดสีแดงไปใช้

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