พาเลตสี

สีแดงอมส้ม

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

ชื่ออื่น: ส้มอมแดง, orangered

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

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

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

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

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

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

สีแดงอมส้ม โดยสรุป

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

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

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

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

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

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

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

สีตรงข้ามใกล้เคียง: ฟ้าเข้มข้น
สีใกล้เคียงใกล้เคียง: เชอร์รี, ทานตะวัน
สามเส้าใกล้เคียง: เขียวนีออน, น้ำเงิน
สีตรงข้ามแบบแยกใกล้เคียง: อะความารีน, น้ำเงิน
สี่เส้าใกล้เคียง: เขียวนีออน, ฟ้าเข้มข้น, ม่วง

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

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

พาเลต: โมโนโครม · แดงอมส้ม
พาเลต: สีใกล้เคียง · แดงอมส้ม
พาเลต: สีตรงข้าม · แดงอมส้ม
พาเลต: สามเส้า · แดงอมส้ม
พาเลต: กับสีกลาง · แดงอมส้ม
พาเลต: มีสีเน้น · แดงอมส้ม

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

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

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

โค้ด CSS

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

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

มะเขือเทศมะฮอกกานีส้มไหม้แดงชาด

เฉดสีส้มอื่น ๆ

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

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

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

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

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

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

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

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

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

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