พาเลตสี

สีมอคค่า

ตั้งชื่อตามกาแฟมอคค่าที่ผสมกาแฟกับช็อกโกแลต เวอร์ชัน Mocha Mousse ได้รับเลือกเป็นสีแห่งปี Pantone 2025 เป็นสีน้ำตาลอมชมพูนุ่มนวล นิยมในการตกแต่งภายในโทนอุ่นและเมกอัป

ชื่ออื่น: mocha, mocha mousse

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

โค้ด HEX ของสีมอคค่า คือ #A47864 ใน RGB คือ rgb(164, 120, 100) ใน HSL คือ hsl(19, 26%, 52%) และใน CMYK คือ 0, 27, 39, 36

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

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

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

กาแฟใส่นม#A67B5B อัมเบอร์ดิบ#826644 ชมพูกุหลาบเก่า#C08081 น้ำตาลอ่อน#C4A484 ยาสูบ#71563B มาร์ซาลา#955251

สีมอคค่า โดยสรุป

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

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

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

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

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

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

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

สีตรงข้ามใกล้เคียง: เทาอมน้ำเงิน

สีใกล้เคียงใกล้เคียง: โรสโกลด์, ทราย

สามเส้าใกล้เคียง: เขียวน้ำทะเล, อัลตราไวโอเลต

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

สี่เส้าใกล้เคียง: มอส, เทาอมน้ำเงิน, พลัม

พาเลตที่มีสีมอคค่า

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

พาเลต: โมโนโครม · มอคค่า

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

พาเลต: สีตรงข้าม · มอคค่า

พาเลต: สามเส้า · มอคค่า

พาเลต: กับสีกลาง · มอคค่า

พาเลต: มีสีเน้น · มอคค่า

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

ตัวอักษรสีขาวคอนทราสต์ 3.9:1 · AA ตัวอักษรขนาดใหญ่

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

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

โค้ด CSS

:root {
  --mocha: #A47864;
  --mocha-rgb: 164, 120, 100;
}
.พื้นหลัง { background-color: var(--mocha); }
.ตัวอักษร { color: var(--mocha); }

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

น้ำตาลขนอูฐ กาแฟ โรสโกลด์เทาหิน

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

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

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

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

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

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

สีมอคค่า มีโค้ดอะไร

โค้ด HEX ของสีมอคค่า คือ #A47864 ใน RGB คือ rgb(164, 120, 100) ใน HSL คือ hsl(19, 26%, 52%) และใน CMYK คือ 0, 27, 39, 36

สีตรงข้ามของสีมอคค่า คือสีอะไร

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

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

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