พาเลตสี

สีมัสตาร์ด

เลียนแบบสีมัสตาร์ด: สีเหลืองเข้มอมน้ำตาล เป็นหนึ่งในสีเทรนด์ของเสื้อผ้าฤดูใบไม้ร่วงและเก้าอี้สไตล์เรโทร เข้ากันได้ดีมากกับสีเทา สีน้ำเงินกรมท่า และสีขาว

ชื่ออื่น: เหลืองมัสตาร์ด

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

โค้ด HEX ของสีมัสตาร์ด คือ #E1AD01 ใน RGB คือ rgb(225, 173, 1) ใน HSL คือ hsl(46, 99%, 44%) และใน CMYK คือ 0, 23, 100, 12

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

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

สีที่คล้ายกับสีมัสตาร์ด

โกลเดนร็อด#DAA520หญ้าฝรั่น#F4C430อำพัน#FFBF00ทานตะวัน#FFC512ดาวเรือง#EAA221น้ำผึ้ง#EBA937

สีมัสตาร์ด โดยสรุป

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

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

เฉดของสีมัสตาร์ด: อ่อนและเข้ม

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

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

สีที่เข้ากับสีมัสตาร์ด

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

ความกลมกลืนของสีมัสตาร์ด

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

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

พาเลตที่มีสีมัสตาร์ด

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

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

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

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

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

โค้ด CSS

:root {
  --mustard-yellow: #E1AD01;
  --mustard-yellow-rgb: 225, 173, 1;
}
.พื้นหลัง { background-color: var(--mustard-yellow); }
.ตัวอักษร { color: var(--mustard-yellow); }

สีที่คล้ายกับสีมัสตาร์ด

คาราเมลทองโบราณส้มพาสเทลทอง

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

พาเลตสีสำหรับวิทยานิพนธ์และปริญญานิพนธ์พาเลตสีวินเทจ

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

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

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

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

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

สีมัสตาร์ด มีโค้ดอะไร

โค้ด HEX ของสีมัสตาร์ด คือ #E1AD01 ใน RGB คือ rgb(225, 173, 1) ใน HSL คือ hsl(46, 99%, 44%) และใน CMYK คือ 0, 23, 100, 12

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

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

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

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

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

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