พาเลตสี

สีน้ำตาลอ่อน

สีน้ำตาลอ่อนถึงกลางที่นุ่มนวล เหมือนกาแฟใส่นมหรือไม้สีอ่อน เป็นหนึ่งในเฉดน้ำตาลที่คนค้นหามากที่สุด พบได้ทั่วไปในการตกแต่งภายใน เสื้อผ้าฤดูใบไม้ร่วง และสีย้อมผม

ชื่ออื่น: น้ำตาลจาง, สีไม้อ่อน

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

โค้ด HEX ของสีน้ำตาลอ่อน คือ #C4A484 ใน RGB คือ rgb(196, 164, 132) ใน HSL คือ hsl(30, 35%, 64%) และใน CMYK คือ 0, 16, 33, 23

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

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

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

กากี#C3B091 แทน#D2B48C นู้ด#E3BC9A น้ำตาลขนอูฐ#C19A6B ทราย#C2B280 ทรายทะเลทราย#EDC9AF

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

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

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

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

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

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

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

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

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

สีใกล้เคียงใกล้เคียง: ชมพูกุหลาบเก่า, ทราย

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

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

สี่เส้าใกล้เคียง: พิสตาชิโอ, เทาอมน้ำเงิน, วิสทีเรีย

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

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

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

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

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

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

พาเลต: กับสีกลาง · น้ำตาลอ่อน

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

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

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

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

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

โค้ด CSS

:root {
  --light-brown: #C4A484;
  --light-brown-rgb: 196, 164, 132;
}
.พื้นหลัง { background-color: var(--light-brown); }
.ตัวอักษร { color: var(--light-brown); }

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

เห็ด เกรจ กาแฟใส่นม เทาอุ่น

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

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

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

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

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

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

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

โค้ด HEX ของสีน้ำตาลอ่อน คือ #C4A484 ใน RGB คือ rgb(196, 164, 132) ใน HSL คือ hsl(30, 35%, 64%) และใน CMYK คือ 0, 16, 33, 23

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

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

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

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