พาเลตสี

สีอบเชย

สีน้ำตาลอมส้มที่ชวนให้นึกถึงอบเชยป่น ให้ความรู้สึกอบอุ่นและหอมเครื่องเทศ ใน CSS ใช้ชื่อ chocolate แม้ว่าหน้าตาจะใกล้กับอบเชยมากกว่า ใช้กับสิ่งทอและแบรนด์ขนมหวาน

ชื่ออื่น: น้ำตาลอบเชย

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

โค้ด HEX ของสีอบเชย คือ #D2691E ใน RGB คือ rgb(210, 105, 30) ใน HSL คือ hsl(25, 75%, 47%) และใน CMYK คือ 0, 50, 86, 18

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

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

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

ส้มไหม้#CC5500ดินเหลือง#CC7722มะม่วง#FF8243บรอนซ์#CD7F32สนิม#B7410Eมะฮอกกานี#C04000

สีอบเชย โดยสรุป

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

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

เฉดของสีอบเชย: อ่อนและเข้ม

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

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

ความกลมกลืนของสีอบเชย

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

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

พาเลตที่มีสีอบเชย

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

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

คอนทราสต์ของสีอบเชย กับตัวอักษร

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

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

โค้ด CSS

:root {
  --cinnamon: #D2691E;
  --cinnamon-rgb: 210, 105, 30;
}
.พื้นหลัง { background-color: var(--cinnamon); }
.ตัวอักษร { color: var(--cinnamon); }

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

ปะการังฟักทองเซียนนาเผาแครอต

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

พาเลตสีสำหรับงานวันเกิดพาเลตสีโมโนโครมพาเลตสีสำหรับผู้ชาย

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

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

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

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

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

สีอบเชย มีโค้ดอะไร

โค้ด HEX ของสีอบเชย คือ #D2691E ใน RGB คือ rgb(210, 105, 30) ใน HSL คือ hsl(25, 75%, 47%) และใน CMYK คือ 0, 50, 86, 18

สีตรงข้ามของสีอบเชย คือสีอะไร

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

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

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