พาเลตสี

สีกล้วย

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

ชื่ออื่น: เหลืองกล้วยหอม, เหลืองแดดอ่อน

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

โค้ด HEX ของสีกล้วย คือ #FFE135 ใน RGB คือ rgb(255, 225, 53) ใน HSL คือ hsl(51, 100%, 60%) และใน CMYK คือ 0, 12, 79, 0

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

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

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

เหลืองทองสด#FFDF00ทอง#FFD700ข้าวโพด#FBEC5Dเหลืองคีรีบูน#FFEF00หญ้าฝรั่น#F4C430ทานตะวัน#FFC512

สีกล้วย โดยสรุป

สีกล้วย (#FFE135) เป็นสีโทนอุ่น มีความสว่างปานกลาง และอิ่มสีมาก อยู่ในกลุ่มเฉดสีเหลือง ประกอบด้วยสีแดง 255 ส่วน สีเขียว 225 ส่วน และสีน้ำเงิน 53 ส่วน (จาก 255) การใช้งานทั่วไป: สำหรับเด็ก, ฤดูร้อน, กราฟิกดีไซน์

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

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

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

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

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

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

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

พาเลตที่มีสีกล้วย

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

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

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

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

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

โค้ด CSS

:root {
  --banana-yellow: #FFE135;
  --banana-yellow-rgb: 255, 225, 53;
}
.พื้นหลัง { background-color: var(--banana-yellow); }
.ตัวอักษร { color: var(--banana-yellow); }

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

มะนาวอำพันเหลืองเนยมัสตาร์ด

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

พาเลตสีโมโนโครมพาเลตสีฤดูร้อน

เฉดสีเหลืองอื่น ๆ

เหลืองทองทองโบราณมัสตาร์ดมะนาวอำพันข้าวสาลีน้ำผึ้งเหลืองคีรีบูนหญ้าฝรั่นแชมเปญเหลืองพาสเทลเหลืองนีออนข้าวโพดทานตะวันโกลเดนร็อดดาวเรืองเหลืองเนยเหลืองทองสดทองเหลือง
ตัวอย่างสีกล้วย พร้อมเฉดจากอ่อนไปเข้ม · #FFE135
ตัวอย่างสีกล้วย พร้อมเฉดจากอ่อนไปเข้ม · #FFE135

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

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

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

สีกล้วย มีโค้ดอะไร

โค้ด HEX ของสีกล้วย คือ #FFE135 ใน RGB คือ rgb(255, 225, 53) ใน HSL คือ hsl(51, 100%, 60%) และใน CMYK คือ 0, 12, 79, 0

สีตรงข้ามของสีกล้วย คือสีอะไร

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

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

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