พาเลตสี

สีน้ำตาล

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

ชื่ออื่น: สีน้ำตาล

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

โค้ด HEX ของสีน้ำตาล คือ #964B00 ใน RGB คือ rgb(150, 75, 0) ใน HSL คือ hsl(30, 100%, 29%) และใน CMYK คือ 0, 50, 100, 41

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

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

สีที่คล้ายกับสีน้ำตาล

ช็อกโกแลต#7B3F00เซียนนา#A0522Dทองแดง#B87333น้ำตาลอมแดง#80461Bสนิม#B7410Eดินเหลือง#CC7722

สีน้ำตาล โดยสรุป

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

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

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

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

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

สีที่เข้ากับสีน้ำตาล

สีที่เข้ากับสีน้ำตาล: เบจ, ขาว, น้ำเงินยีนส์, เขียวป่า, ส้ม
#964B00 · #F5F5DC · #FFFFFF · #1560BD · #228B22 · #FFA500
เบจพาเลตเอิร์ธโทนที่นุ่มนวลและกลมกลืนขาวนำความสว่างและความสะอาดมาสู่สีน้ำตาลน้ำเงินยีนส์คลาสสิก: ยีนส์กับเครื่องหนังสีน้ำตาลเขียวป่าคู่สีธรรมชาติเหมือนได้เดินเล่นในป่าส้มญาติโทนอุ่นของสีน้ำตาล เหมาะกับฤดูใบไม้ร่วงชมพูพาวเดอร์ช่วยให้สีน้ำตาลนุ่มนวลด้วยกลิ่นอายโรแมนติกเทอร์ควอยซ์คอนทราสต์สดชื่นสไตล์โบฮีเมียนครีมคู่สีโทนอุ่นที่สว่าง
วิธีจับคู่สีน้ำตาล ในการแต่งกายและการแต่งบ้าน →

ความกลมกลืนของสีน้ำตาล

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

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

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

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

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

คอนทราสต์ของสีน้ำตาล กับตัวอักษร

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

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

โค้ด CSS

:root {
  --brown: #964B00;
  --brown-rgb: 150, 75, 0;
}
.พื้นหลัง { background-color: var(--brown); }
.ตัวอักษร { color: var(--brown); }

สีที่คล้ายกับสีน้ำตาล

อบเชยบรอนซ์วอลนัตซีเปีย

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

สหรัฐอเมริกาธงชาติPumas UNAMสโมสรฟุตบอลอาร์เจนตินาธงชาติอุรุกวัยธงชาติ

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

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

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

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

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

สีน้ำตาล มีโค้ดอะไร

โค้ด HEX ของสีน้ำตาล คือ #964B00 ใน RGB คือ rgb(150, 75, 0) ใน HSL คือ hsl(30, 100%, 29%) และใน CMYK คือ 0, 50, 100, 41

สีตรงข้ามของสีน้ำตาล คือสีอะไร

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

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

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

สีน้ำตาล เข้ากับสีอะไรบ้าง

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