พาเลตสี

สีเหลือง

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

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

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

โค้ด HEX ของสีเหลือง คือ #FFFF00 ใน RGB คือ rgb(255, 255, 0) ใน HSL คือ hsl(60, 100%, 50%) และใน CMYK คือ 0, 0, 100, 0

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

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

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

มะนาว#FFF700เหลืองคีรีบูน#FFEF00เหลืองทองสด#FFDF00เหลืองนีออน#CCFF00กล้วย#FFE135ทอง#FFD700

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

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

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

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

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

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

สีที่เข้ากับสีเหลือง

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

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

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

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

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

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

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

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

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

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

โค้ด CSS

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

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

มะนาวเขียวข้าวโพดเหลืองเนยทานตะวัน

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

โคลอมเบียธงชาติClub AméricaสโมสรฟุตบอลMcDonald'sแบรนด์เอกวาดอร์ธงชาติTigres UANLสโมสรฟุตบอลInstagramแบรนด์เวเนซุเอลาธงชาติUniversitarioสโมสรฟุตบอลMercado Libreแบรนด์โบลิเวียธงชาติPeñarolสโมสรฟุตบอลGoogleแบรนด์

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

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

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

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

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

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

โค้ด HEX ของสีเหลือง คือ #FFFF00 ใน RGB คือ rgb(255, 255, 0) ใน HSL คือ hsl(60, 100%, 50%) และใน CMYK คือ 0, 0, 100, 0

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

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

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

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

สีเหลือง เข้ากับสีอะไรบ้าง

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