พาเลตสี

สีแดง

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

ชื่ออื่น: แดงสดจัด

เปิดในเครื่องมือแก้ไข

โค้ด HEX ของสีแดง คือ #FF0000 ใน RGB คือ rgb(255, 0, 0) ใน HSL คือ hsl(0, 100%, 50%) และใน CMYK คือ 0, 100, 100, 0

ดูของจริงเป็นอย่างไร

เลือกสีที่จะจับคู่ แล้วดูว่าดูเป็นอย่างไรบนเสื้อผ้า ในการแต่งบ้าน และในงานออกแบบ

สีที่คล้ายกับสีแดง

สการ์เลต#FF2400 แดงเฟอร์รารี#FF2800 แดงอมส้ม#FF4500 ส้มนีออน#FF5F1F ส้มพลับ#EC5800 แดงชาด#E34234

สีแดง โดยสรุป

สีแดง (#FF0000) เป็นสีโทนอุ่น มีความสว่างปานกลาง และอิ่มสีมาก อยู่ในกลุ่มเฉดสีแดง ประกอบด้วยสีแดง 255 ส่วน สีเขียว 0 ส่วน และสีน้ำเงิน 0 ส่วน (จาก 255) การใช้งานทั่วไป: โลโก้, ป้ายและสัญลักษณ์, แฟชั่น, เว็บ

ตัวอย่างสีแดง พร้อมเฉดจากอ่อนไปเข้ม · #FF0000 — แดง · #FF0000

เฉดของสีแดง: อ่อนและเข้ม

จากอ่อนที่สุดไปเข้มที่สุด แตะเฉดสีเพื่อคัดลอกโค้ด

ดูเฉดสีทั้งหมด: เครื่องมือสร้างเฉดสี

สีที่เข้ากับสีแดง

สีที่เข้ากับสีแดง: ดำ, ขาว, น้ำเงินกรมท่า, เทา, เบจ — #FF0000 · #000000 · #FFFFFF · #000080 · #808080 · #F5F5DC

ดำคู่สีที่แรงและหรูหรา ขาวสดชื่นและร่าเริง น้ำเงินกรมท่าความคลาสสิกสไตล์กะลาสี เทาทำให้สีแดงสงบและนุ่มลง เบจพื้นฐานโทนอุ่นที่หรูหรา ทองความหรูหราและการเฉลิมฉลอง น้ำตาลคาเมลคอนทราสต์โทนอุ่นที่มีระดับ ชมพูพาวเดอร์คอนทราสต์นุ่มนวลที่อินเทรนด์

วิธีจับคู่สีแดง ในการแต่งกายและการแต่งบ้าน →

ความกลมกลืนของสีแดง

การจับคู่สีตามวงล้อสี ดูเพิ่มเติมได้ในเครื่องมือความกลมกลืนของสี

สีตรงข้ามใกล้เคียง: อาซูร์

สีใกล้เคียงใกล้เคียง: ชมพูจัด, ส้ม

สามเส้าใกล้เคียง: เขียวนีออน, น้ำเงิน

สีตรงข้ามแบบแยกใกล้เคียง: เขียวสปริง, ฟ้าอาซูร์สด

สี่เส้าใกล้เคียง: ชาร์ทรูส, อาซูร์, ม่วง

พาเลตที่มีสีแดง

คัดลอกโค้ด หรือเปิดพาเลตในเครื่องมือแก้ไขเพื่อปรับแต่ง

พาเลต: โมโนโครม · แดง

พาเลต: สีใกล้เคียง · แดง

พาเลต: สีตรงข้าม · แดง

พาเลต: สามเส้า · แดง

พาเลต: กับสีกลาง · แดง

พาเลต: มีสีเน้น · แดง

คอนทราสต์ของสีแดง กับตัวอักษร

ตัวอักษรสีขาวคอนทราสต์ 4.0:1 · AA ตัวอักษรขนาดใหญ่

ตัวอักษรสีดำคอนทราสต์ 5.3:1 · AA

ตามเกณฑ์ WCAG 2.1 ตรวจสอบคู่สีอื่นได้ในตรวจสอบคอนทราสต์

โค้ด CSS

:root {
  --red: #FF0000;
  --red-rgb: 255, 0, 0;
}
.พื้นหลัง { background-color: var(--red); }
.ตัวอักษร { color: var(--red); }

สีที่คล้ายกับสีแดง

เชอร์รี มะเขือเทศ แดงดอกป๊อปปี้มะฮอกกานี

พบสีนี้ได้ที่ไหน

โบลิเวียธงชาติ Atlético Madridสโมสรฟุตบอล Coca-Colaแบรนด์สเปนธงชาติ Chivasสโมสรฟุตบอล YouTubeแบรนด์ปารากวัยธงชาติ Manchester Unitedสโมสรฟุตบอล Netflixแบรนด์เปรูธงชาติ Liverpoolสโมสรฟุตบอล Pinterestแบรนด์

ตัวอย่างสีแดง พร้อมเฉดจากอ่อนไปเข้ม · #FF0000

ลองใช้สิ่งนี้ด้วย

พาเลตสีจากชื่อพิมพ์ชื่อแล้วรับพาเลตสีเฉพาะตัว ฉันมีรูปหน้าแบบไหนค้นหารูปหน้า ทรงผม และแว่นตาที่เหมาะกับคุณ วงล้อสุ่มเขียนตัวเลือกของคุณแล้วหมุนวงล้อ มีแบบสีด้วย

เครื่องมือฟรีทั้งหมด →

คำถามที่พบบ่อย

สีแดง มีโค้ดอะไร

โค้ด HEX ของสีแดง คือ #FF0000 ใน RGB คือ rgb(255, 0, 0) ใน HSL คือ hsl(0, 100%, 50%) และใน CMYK คือ 0, 100, 100, 0

สีตรงข้ามของสีแดง คือสีอะไร

สีตรงข้ามบนวงล้อสีคือ #00FFFF ซึ่งเป็นเฉดที่ใกล้กับสีอาซูร์ ใช้ปริมาณน้อย ๆ เป็นสีเน้นและให้คอนทราสต์สูง

ใช้ตัวอักษรสีขาวบนสีแดง ได้ไหม

ควรใช้ตัวอักษรสีดำดีกว่า เพราะคอนทราสต์กับสีขาวมีเพียง 4.0:1 ขณะที่กับสีดำคือ 5.3:1

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

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