พาเลตสี

สีกาแฟ

เลียนแบบเฉดสีของกาแฟคั่วที่ชงแล้ว เป็นสีน้ำตาลกลาง ๆ อบอุ่นและชวนผ่อนคลาย เป็นตัวเลือกที่เป็นธรรมชาติสำหรับร้านกาแฟ ถุงเมล็ดกาแฟ และเฟอร์นิเจอร์ไม้สีเข้ม

ชื่ออื่น: น้ำตาลกาแฟ, coffee

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

โค้ด HEX ของสีกาแฟ คือ #6F4E37 ใน RGB คือ rgb(111, 78, 55) ใน HSL คือ hsl(25, 34%, 33%) และใน CMYK คือ 0, 30, 50, 56

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

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

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

ยาสูบ#71563B น้ำตาลเข้ม#654321 อัมเบอร์ดิบ#826644 โทป#483C32 ซีเปีย#704214 เอสเปรสโซ#4E312D

สีกาแฟ โดยสรุป

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

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

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

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

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

สีที่เข้ากับสีกาแฟ

สีที่เข้ากับสีกาแฟ: เบจ, ครีม, ฟ้า, เขียวมะกอก, ชมพูพาวเดอร์ — #6F4E37 · #F5F5DC · #FFFDD0 · #A9D6F5 · #808000 · #E8B4B8

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

วิธีจับคู่สีกาแฟ ในการแต่งกายและการแต่งบ้าน →

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

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

สีตรงข้ามใกล้เคียง: ปิโตรเลียม

สีใกล้เคียงใกล้เคียง: แดงโกเมนเข้ม, เขียวทหาร

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

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

สี่เส้าใกล้เคียง: เฟิร์น, ปิโตรเลียม, พลัม

พาเลตที่มีสีกาแฟ

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

พาเลต: โมโนโครม · กาแฟ

พาเลต: สีใกล้เคียง · กาแฟ

พาเลต: สีตรงข้าม · กาแฟ

พาเลต: สามเส้า · กาแฟ

พาเลต: กับสีกลาง · กาแฟ

พาเลต: มีสีเน้น · กาแฟ

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

ตัวอักษรสีขาวคอนทราสต์ 7.4:1 · AAA

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

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

โค้ด CSS

:root {
  --coffee-brown: #6F4E37;
  --coffee-brown-rgb: 111, 78, 55;
}
.พื้นหลัง { background-color: var(--coffee-brown); }
.ตัวอักษร { color: var(--coffee-brown); }

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

วอลนัต แดงโกเมนเข้ม มอคค่า มาร์ซาลา

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

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

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

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

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

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

สีกาแฟ มีโค้ดอะไร

โค้ด HEX ของสีกาแฟ คือ #6F4E37 ใน RGB คือ rgb(111, 78, 55) ใน HSL คือ hsl(25, 34%, 33%) และใน CMYK คือ 0, 30, 50, 56

สีตรงข้ามของสีกาแฟ คือสีอะไร

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

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

ได้ คอนทราสต์กับสีขาวคือ 7.4:1 ซึ่งเพียงพอสำหรับตัวอักษรทั่วไป (WCAG AA)

สีกาแฟ เข้ากับสีอะไรบ้าง

เข้ากันได้ดีกับสีเหล่านี้: เบจ, ครีม, ฟ้า, เขียวมะกอก, ชมพูพาวเดอร์ อย่าใส่คู่กับสีดำ ถ้าไม่มีสีอ่อนคั่นกลาง เพราะลุคจะดูหนัก ส่วนสีเทาโทนเย็นจัดก็จะดึงความอบอุ่นของสีนี้ออกไป