พาเลตสี

สีส้มแมนดาริน

สีส้มสดที่มีสีเหลืองมากขึ้นเล็กน้อย เหมือนเปลือกส้มเขียวหวาน ให้ความรู้สึกสดชื่นแบบฤดูร้อน เหมาะกับเสื้อผ้าหน้าร้อน บรรจุภัณฑ์น้ำผลไม้ และแอปที่มีโทนร่าเริง

ชื่ออื่น: แทนเจอรีน

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

โค้ด HEX ของสีส้มแมนดาริน คือ #F28500 ใน RGB คือ rgb(242, 133, 0) ใน HSL คือ hsl(33, 100%, 47%) และใน CMYK คือ 0, 45, 100, 5

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

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

สีที่คล้ายกับสีส้มแมนดาริน

ส้มดาร์กออเรนจ์#FF8C00 ส้ม#FF8000 แครอต#ED9121 ฟักทอง#FF7518 อบเชย#D2691E ดาวเรือง#EAA221

สีส้มแมนดาริน โดยสรุป

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

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

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

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

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

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

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

สีตรงข้ามใกล้เคียง: น้ำเงินไฟฟ้า

สีใกล้เคียงใกล้เคียง: สการ์เลต, เหลือง

สามเส้าใกล้เคียง: เขียวสปริง, ม่วง

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

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

พาเลตที่มีสีส้มแมนดาริน

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

พาเลต: โมโนโครม · ส้มแมนดาริน

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

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

พาเลต: สามเส้า · ส้มแมนดาริน

พาเลต: กับสีกลาง · ส้มแมนดาริน

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

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

ตัวอักษรสีขาวคอนทราสต์ 2.6:1 · ไม่แนะนำ

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

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

โค้ด CSS

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

สีที่คล้ายกับสีส้มแมนดาริน

ดินเหลือง มะม่วง ส้มไหม้ส้มพลับ

พาเลตตามธีมที่มีสีนี้

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

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

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

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

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

สีส้มแมนดาริน มีโค้ดอะไร

โค้ด HEX ของสีส้มแมนดาริน คือ #F28500 ใน RGB คือ rgb(242, 133, 0) ใน HSL คือ hsl(33, 100%, 47%) และใน CMYK คือ 0, 45, 100, 5

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

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

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

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