พาเลตสี

สีเทาอ่อน

สีเทาอ่อน ใน CSS เรียกว่า lightgray นุ่มนวลและไม่โดดเด่น เหมาะกับกรอบ พื้นหลัง และผนังสไตล์สแกนดิเนเวีย

ชื่ออื่น: lightgray

โค้ด HEX ของสีเทาอ่อน คือ #D3D3D3 ใน RGB คือ rgb(211, 211, 211) ใน HSL คือ hsl(0, 0%, 83%) และใน CMYK คือ 0, 0, 0, 17

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

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

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

เทาไข่มุก#D1D0CEแพลทินัม#E5E4E2เงิน#C0C0C0อะลาบาสเตอร์#EDEAE0ขาวกระดูก#E3DAC9เทาท็อปดราย#B6B6B4

สีเทาอ่อน โดยสรุป

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

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

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

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

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

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

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

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

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

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

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

โค้ด CSS

:root {
  --light-gray: #D3D3D3;
  --light-gray-rgb: 211, 211, 211;
}
.พื้นหลัง { background-color: var(--light-gray); }
.ตัวอักษร { color: var(--light-gray); }

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

เทาเถ้าฟ้าพาสเทลขาวควันลินิน

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

เฉดสีเทาอื่น ๆ

เทาเทาเข้มเงินเทาถ่านเทาหินชนวนเทาเถ้าเทาไข่มุกเทาออกซ์ฟอร์ดกราไฟต์โทปเทาเหล็กกล้าเทาตะกั่วเทาควันเทาหินแพลทินัมเทาอมน้ำเงินเกรจเทาท็อปดรายพิวเตอร์เทาอุ่น
ตัวอย่างสีเทาอ่อน พร้อมเฉดจากอ่อนไปเข้ม · #D3D3D3
ตัวอย่างสีเทาอ่อน พร้อมเฉดจากอ่อนไปเข้ม · #D3D3D3

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

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

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

สีเทาอ่อน มีโค้ดอะไร

โค้ด HEX ของสีเทาอ่อน คือ #D3D3D3 ใน RGB คือ rgb(211, 211, 211) ใน HSL คือ hsl(0, 0%, 83%) และใน CMYK คือ 0, 0, 0, 17

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

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

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

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