สีเทา โดยสรุป
สีเทา (#808080) เป็นสีโทนกลาง มีความสว่างปานกลาง และแทบไม่มีความอิ่มสี อยู่ในกลุ่มเฉดสีเทา ประกอบด้วยสีแดง 128 ส่วน สีเขียว 128 ส่วน และสีน้ำเงิน 128 ส่วน (จาก 255) การใช้งานทั่วไป: เว็บ, การตกแต่งภายใน, แฟชั่น, การสร้างแบรนด์
เป็นจุดกึ่งกลางระหว่างสีขาวกับสีดำ เป็นกลางและสมดุล ช่วยให้สีอื่น ๆ โดดเด่นขึ้น ใช้กับข้อความรอง เสื้อผ้าเบสิก และการตกแต่งภายในสมัยใหม่
ชื่ออื่น: สีเทา
โค้ด HEX ของสีเทา คือ #808080 ใน RGB คือ rgb(128, 128, 128) ใน HSL คือ hsl(0, 0%, 50%) และใน CMYK คือ 0, 0, 0, 50
เลือกสีที่จะจับคู่ แล้วดูว่าดูเป็นอย่างไรบนเสื้อผ้า ในการแต่งบ้าน และในงานออกแบบ
สีเทา (#808080) เป็นสีโทนกลาง มีความสว่างปานกลาง และแทบไม่มีความอิ่มสี อยู่ในกลุ่มเฉดสีเทา ประกอบด้วยสีแดง 128 ส่วน สีเขียว 128 ส่วน และสีน้ำเงิน 128 ส่วน (จาก 255) การใช้งานทั่วไป: เว็บ, การตกแต่งภายใน, แฟชั่น, การสร้างแบรนด์
จากอ่อนที่สุดไปเข้มที่สุด แตะเฉดสีเพื่อคัดลอกโค้ด
ดูเฉดสีทั้งหมด: เครื่องมือสร้างเฉดสี
คัดลอกโค้ด หรือเปิดพาเลตในเครื่องมือแก้ไขเพื่อปรับแต่ง
ตามเกณฑ์ WCAG 2.1 ตรวจสอบคู่สีอื่นได้ในตรวจสอบคอนทราสต์
:root {
--gray: #808080;
--gray-rgb: 128, 128, 128;
}
.พื้นหลัง { background-color: var(--gray); }
.ตัวอักษร { color: var(--gray); }
โค้ด HEX ของสีเทา คือ #808080 ใน RGB คือ rgb(128, 128, 128) ใน HSL คือ hsl(0, 0%, 50%) และใน CMYK คือ 0, 0, 0, 50
สีตรงข้ามบนวงล้อสีคือ #808080 ซึ่งเป็นเฉดที่ใกล้กับสีเทา ใช้ปริมาณน้อย ๆ เป็นสีเน้นและให้คอนทราสต์สูง
ควรใช้ตัวอักษรสีดำดีกว่า เพราะคอนทราสต์กับสีขาวมีเพียง 3.9:1 ขณะที่กับสีดำคือ 5.3:1
เข้ากันได้ดีกับสีเหล่านี้: ขาว, ดำ, เหลือง, ชมพูพาวเดอร์, น้ำเงินกรมท่า อย่าผสมสีเทาที่มีอันเดอร์โทนต่างกัน เช่น เทาอมฟ้ากับเทาอมเขียว เพราะจะไม่เข้ากัน สีเทากับสีเบจที่ออกเหลืองมากก็อาจดูหม่นสกปรกได้เช่นกัน
เราใช้คุกกี้ของ Google Analytics เพื่อให้รู้ว่าเว็บไซต์ถูกใช้งานอย่างไร คุณยินยอมไหม ข้อมูลเพิ่มเติม