พาเลตสี

สีส้ม

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

ชื่ออื่น: ส้มผลส้ม

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

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

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

สีที่คล้ายกับสีส้ม

ส้มดาร์กออเรนจ์#FF8C00ส้มแมนดาริน#F28500ฟักทอง#FF7518แครอต#ED9121ส้มพลับ#EC5800ส้มนีออน#FF5F1F

สีส้ม โดยสรุป

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

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

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

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

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

สีที่เข้ากับสีส้ม

สีที่เข้ากับสีส้ม: น้ำเงินกรมท่า, ขาว, เทา, น้ำตาลกาแฟ, เขียวมะกอก
#FF8000 · #000080 · #FFFFFF · #808080 · #6F4E37 · #808000
น้ำเงินกรมท่าสีคู่ตรงข้ามโทนเข้ม: คอนทราสต์ที่แรงและหรูหราขาวสดชื่นและร่าเริงเทาทำให้สีส้มสงบลงและดูทันสมัยน้ำตาลกาแฟพาเลตวอร์มออทัมน์เขียวมะกอกคู่สีเรโทรที่เป็นธรรมชาติม่วงเข้มคอนทราสต์ที่กล้าหาญและสร้างสรรค์เทอร์ควอยซ์คู่สีเขตร้อนที่เต็มไปด้วยชีวิตชีวาเบจพื้นฐานโทนอุ่นที่นุ่มนวล
วิธีจับคู่สีส้ม ในการแต่งกายและการแต่งบ้าน →

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

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

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

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

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

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

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

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

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

โค้ด CSS

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

สีที่คล้ายกับสีส้ม

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

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

Amazonแบรนด์Microsoftแบรนด์Instagramแบรนด์

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

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

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

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

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

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

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

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

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

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

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

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

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

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