สีเทาอ่อน ใน CSS เรียกว่า lightgray นุ่มนวลและไม่โดดเด่น เหมาะกับกรอบ พื้นหลัง และผนังสไตล์สแกนดิเนเวีย
ชื่ออื่น: lightgray
โค้ด HEX ของสีเทาอ่อน คือ #D3D3D3 ใน RGB คือ rgb(211, 211, 211) ใน HSL คือ hsl(0, 0%, 83%) และใน CMYK คือ 0, 0, 0, 17
เลือกสีที่จะจับคู่ แล้วดูว่าดูเป็นอย่างไรบนเสื้อผ้า ในการแต่งบ้าน และในงานออกแบบ
สีเทาอ่อน (#D3D3D3) เป็นสีโทนกลาง โทนอ่อน และแทบไม่มีความอิ่มสี อยู่ในกลุ่มเฉดสีเทา ประกอบด้วยสีแดง 211 ส่วน สีเขียว 211 ส่วน และสีน้ำเงิน 211 ส่วน (จาก 255) การใช้งานทั่วไป: เว็บ, การตกแต่งภายใน

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