พาเลตสี

สีช็อกโกแลต

สีน้ำตาลเข้มอมแดงเหมือนแท่งช็อกโกแลต โกโก้มีถิ่นกำเนิดในอเมริกากลาง และชื่อของมันมาจากภาษานาวัตล์ ใช้กับเสื้อผ้าฤดูหนาว บรรจุภัณฑ์ขนม และเฟอร์นิเจอร์

ชื่ออื่น: น้ำตาลช็อกโกแลต

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

โค้ด HEX ของสีช็อกโกแลต คือ #7B3F00 ใน RGB คือ rgb(123, 63, 0) ใน HSL คือ hsl(31, 100%, 24%) และใน CMYK คือ 0, 49, 100, 52

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

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

สีที่คล้ายกับสีช็อกโกแลต

น้ำตาลอมแดง#80461Bน้ำตาล#964B00ซีเปีย#704214วอลนัต#773F1Aเซียนนา#A0522Dอัมเบอร์เผา#8A3324

สีช็อกโกแลต โดยสรุป

สีช็อกโกแลต (#7B3F00) เป็นสีโทนอุ่น โทนเข้ม และอิ่มสีมาก อยู่ในกลุ่มเฉดสีน้ำตาล ประกอบด้วยสีแดง 123 ส่วน สีเขียว 63 ส่วน และสีน้ำเงิน 0 ส่วน (จาก 255) การใช้งานทั่วไป: แฟชั่น, ร้านขนม, การตกแต่งภายใน

ตัวอย่างสีช็อกโกแลต พร้อมเฉดจากอ่อนไปเข้ม · #7B3F00
ช็อกโกแลต · #7B3F00

เฉดของสีช็อกโกแลต: อ่อนและเข้ม

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

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

ความกลมกลืนของสีช็อกโกแลต

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

สีตรงข้ามใกล้เคียง: น้ำเงินมหาสมุทร
สีใกล้เคียงใกล้เคียง: แดงทับทิมโกเมน, มะกอก
สามเส้าใกล้เคียง: เขียวน้ำทะเล, คราม
สีตรงข้ามแบบแยกใกล้เคียง: เขียวอมน้ำเงิน, น้ำเงินกรมท่า
สี่เส้าใกล้เคียง: เขียว, น้ำเงินมหาสมุทร, ม่วงแดง

พาเลตที่มีสีช็อกโกแลต

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

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

คอนทราสต์ของสีช็อกโกแลต กับตัวอักษร

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

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

โค้ด CSS

:root {
  --chocolate-brown: #7B3F00;
  --chocolate-brown-rgb: 123, 63, 0;
}
.พื้นหลัง { background-color: var(--chocolate-brown); }
.ตัวอักษร { color: var(--chocolate-brown); }

สีที่คล้ายกับสีช็อกโกแลต

น้ำตาลเข้มทองแดงเกาลัดคอนยัค

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

อาร์เจนตินาธงชาติอุรุกวัยธงชาติ

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

พาเลตสีวันแห่งความตาย

เฉดสีน้ำตาลอื่น ๆ

น้ำตาลกาแฟมะฮอกกานีเกาลัดอบเชยซีเปียดินเหลืองคาราเมลน้ำตาลขนอูฐมอคค่ากากีทรายเบจนู้ดบรอนซ์ยาสูบเซียนนากาแฟใส่นมน้ำตาลแดงคอนยัคทรายทะเลทรายเอสเปรสโซน้ำตาลลูกกวางเห็ด
ตัวอย่างสีช็อกโกแลต พร้อมเฉดจากอ่อนไปเข้ม · #7B3F00
ตัวอย่างสีช็อกโกแลต พร้อมเฉดจากอ่อนไปเข้ม · #7B3F00

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

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

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

สีช็อกโกแลต มีโค้ดอะไร

โค้ด HEX ของสีช็อกโกแลต คือ #7B3F00 ใน RGB คือ rgb(123, 63, 0) ใน HSL คือ hsl(31, 100%, 24%) และใน CMYK คือ 0, 49, 100, 52

สีตรงข้ามของสีช็อกโกแลต คือสีอะไร

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

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

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