โค้ดสี · Red · 23 เฉด
สีแดง โค้ดสีแดงทุกเฉด รหัสสี HEX RGB CMYK
โค้ดสีแดงที่หน้านี้ใช้เป็นสีตัวแทนคือแดงสด #E30613 หรือ RGB 227, 6, 19 และหน้านี้รวมสีแดงไว้ 23 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที
- 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
มาตรฐาน CSS
tomato- HEX
-
#FF6347 - RGB
-
255, 99, 71 - CMYK
-
0, 61, 72, 0 - HSL
-
9°, 100%, 64%
- #CD5C5C
แดง
อินเดียน Indian red
มาตรฐาน CSS
indianred- 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
มาตรฐาน CSS
red- 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
มาตรฐาน CSS
crimson- 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
มาตรฐาน CSS
firebrick- 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
มาตรฐาน CSS
darkred- HEX
-
#8B0000 - RGB
-
139, 0, 0 - CMYK
-
0, 100, 100, 45 - HSL
-
0°, 100%, 27%
- #800000
แดง
มารูน Maroon
มาตรฐาน CSS
maroon- 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แดง
สด สีตั้งต้น#06E3D6ใกล้ ฟ้า
เทอร์ควอยซ์ +180° -
สีข้างเคียง Analogous · -30° / +30°
กลมกลืนและสบายตา เหมาะกับพื้นหลัง ภาพประกอบ และงานที่ต้องการอารมณ์เดียวกันทั้งหน้า
-
สามเส้า Triadic · +120° / +240°
สดใสและสมดุล ควรให้สีหนึ่งเด่นที่สุด แล้วใช้อีกสองสีเป็นสีรองในพื้นที่เล็กกว่า
-
คู่ตรงข้ามแยก Split complementary · +150° / +210°
ตัดกันชัดแต่ไม่แรงเท่าคู่ตรงข้าม จับคู่ง่ายกว่าและพลาดยากกว่า
ตัวหนังสือบนสีแดงควรเป็นสีอะไร
บนแดงสด #E30613 ตัวหนังสือสีขาวอ่านง่ายกว่า ได้ค่าคอนทราสต์ 4.88:1 ส่วนตัวหนังสือสีดำได้ 4.30:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีแดงอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก
| เฉด | ตัวหนังสือขาว | ตัวหนังสือดำ |
|---|---|---|
| แดง | 2.94:1 ไม่ผ่าน | 7.12:1 ผ่าน · แนะนำ |
| แดง | 4.32:1 ผ่านเฉพาะตัวใหญ่ | 4.86:1 ผ่าน · แนะนำ |
| แดง | 4.98:1 ผ่าน · แนะนำ | 4.20:1 ผ่านเฉพาะตัวใหญ่ |
| แดง | 4.88:1 ผ่าน · แนะนำ | 4.30:1 ผ่านเฉพาะตัวใหญ่ |
| แดง | 5.78:1 ผ่าน · แนะนำ | 3.62:1 ผ่านเฉพาะตัวใหญ่ |
| แดง | 5.53:1 ผ่าน · แนะนำ | 3.79:1 ผ่านเฉพาะตัวใหญ่ |
| แดง | 7.41:1 ผ่าน · แนะนำ | 2.83:1 ไม่ผ่าน |
| แดง | 10.27:1 ผ่าน · แนะนำ | 2.04:1 ไม่ผ่าน |
| แดง | 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
แหล่งอ้างอิง
- ค่า HEX ของเฉดที่มีป้าย "มาตรฐาน CSS" ทั้ง 7 เฉด (เช่น red = #FF0000) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (accessed Nov 3, 2026)
- ความหมายของคำว่า "แดง ๑": "สีอย่างสีเลือดหรือสีชาด"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
- ความหมายของคำว่า "เลือดนก": "สีแดงอย่างสีเลือดของนก"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
- ความหมายของคำว่า "เลือดหมู": "สีแดงคล้ำอย่างสีเลือดของหมู"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (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)