พาเลตสี

สีส้มพาสเทล

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

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

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

โค้ด HEX ของสีส้มพาสเทล คือ #FFB347 ใน RGB คือ rgb(255, 179, 71) ใน HSL คือ hsl(35, 100%, 64%) และใน CMYK คือ 0, 30, 72, 0

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

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

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

น้ำผึ้ง#EBA937 ดาวเรือง#EAA221 โกลเดนร็อด#DAA520 แครอต#ED9121 คาราเมล#C68E17 มัสตาร์ด#E1AD01

สีส้มพาสเทล โดยสรุป

สีส้มพาสเทล (#FFB347) เป็นสีโทนอุ่น มีความสว่างปานกลาง และอิ่มสีมาก อยู่ในกลุ่มเฉดสีส้ม ประกอบด้วยสีแดง 255 ส่วน สีเขียว 179 ส่วน และสีน้ำเงิน 71 ส่วน (จาก 255) การใช้งานทั่วไป: สำหรับเด็ก, การตกแต่งภายใน, เว็บ

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

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

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

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

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

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

สีตรงข้ามใกล้เคียง: คอร์นฟลาวเวอร์

สีใกล้เคียงใกล้เคียง: มะเขือเทศ, เหลือง

สามเส้าใกล้เคียง: มิ้นต์, ม่วง

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

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

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

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

พาเลต: โมโนโครม · ส้มพาสเทล

พาเลต: สีใกล้เคียง · ส้มพาสเทล

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

พาเลต: สามเส้า · ส้มพาสเทล

พาเลต: กับสีกลาง · ส้มพาสเทล

พาเลต: มีสีเน้น · ส้มพาสเทล

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

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

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

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

โค้ด CSS

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

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

หญ้าฝรั่น อำพัน ทานตะวัน บรอนซ์

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

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

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

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

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

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

สีส้มพาสเทล มีโค้ดอะไร

โค้ด HEX ของสีส้มพาสเทล คือ #FFB347 ใน RGB คือ rgb(255, 179, 71) ใน HSL คือ hsl(35, 100%, 64%) และใน CMYK คือ 0, 30, 72, 0

สีตรงข้ามของสีส้มพาสเทล คือสีอะไร

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

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

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