พาเลตสี

สีเหลืองพาสเทล

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

ชื่ออื่น: เหลืองอ่อน

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

โค้ด HEX ของสีเหลืองพาสเทล คือ #FDFD96 ใน RGB คือ rgb(253, 253, 150) ใน HSL คือ hsl(60, 96%, 79%) และใน CMYK คือ 0, 0, 41, 1

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

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

สีที่คล้ายกับสีเหลืองพาสเทล

เหลืองเนย#FFFD74 ข้าวโพด#FBEC5D วานิลลา#F3E5AB ครีม#FFFDD0 ทองโบราณ#CFB53B ข้าวสาลี#F5DEB3

สีเหลืองพาสเทล โดยสรุป

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

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

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

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

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

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

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

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

สีใกล้เคียงใกล้เคียง: พีช, เขียวอ่อน

สามเส้าใกล้เคียง: เทอร์ควอยซ์พาสเทล, ออร์คิด

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

สี่เส้าใกล้เคียง: อะความารีน, คอร์นฟลาวเวอร์, ฟลามิงโก

พาเลตที่มีสีเหลืองพาสเทล

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

พาเลต: โมโนโครม · เหลืองพาสเทล

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

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

พาเลต: สามเส้า · เหลืองพาสเทล

พาเลต: กับสีกลาง · เหลืองพาสเทล

พาเลต: มีสีเน้น · เหลืองพาสเทล

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

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

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

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

โค้ด CSS

:root {
  --pastel-yellow: #FDFD96;
  --pastel-yellow-rgb: 253, 253, 150;
}
.พื้นหลัง { background-color: var(--pastel-yellow); }
.ตัวอักษร { color: var(--pastel-yellow); }

สีที่คล้ายกับสีเหลืองพาสเทล

ทองเหลือง พิสตาชิโอ กล้วย หญ้าฝรั่น

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

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

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

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

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

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

โค้ด HEX ของสีเหลืองพาสเทล คือ #FDFD96 ใน RGB คือ rgb(253, 253, 150) ใน HSL คือ hsl(60, 96%, 79%) และใน CMYK คือ 0, 0, 41, 1

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

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

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

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