พาเลตสี

สีขาวควัน

สีขาวที่อมเทาบางเบามาก ใน CSS เรียกว่า whitesmoke เหมาะเป็นพื้นหลังของอินเทอร์เฟซ เพราะทำให้ตาล้าน้อยกว่าสีขาวล้วน

ชื่ออื่น: whitesmoke

โค้ด HEX ของสีขาวควัน คือ #F5F5F5 ใน RGB คือ rgb(245, 245, 245) ใน HSL คือ hsl(0, 0%, 96%) และใน CMYK คือ 0, 0, 0, 4

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

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

สีที่คล้ายกับสีขาวควัน

ขาวนวล#FAF9F6ขาวหิมะ#FFFAFAขาว#FFFFFFแมกโนเลีย#F8F4FFแพลทินัม#E5E4E2ลินิน#FAF0E6

สีขาวควัน โดยสรุป

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

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

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

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

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

พาเลตที่มีสีขาวควัน

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

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

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

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

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

โค้ด CSS

:root {
  --white-smoke: #F5F5F5;
  --white-smoke-rgb: 245, 245, 245;
}
.พื้นหลัง { background-color: var(--white-smoke); }
.ตัวอักษร { color: var(--white-smoke); }

สีที่คล้ายกับสีขาวควัน

อะลาบาสเตอร์งาช้างเปลือกไข่เอครู

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

เฉดสีขาวอื่น ๆ

ขาวงาช้างครีมขาวกระดูกขาวนวลขาวหิมะไข่มุกอะลาบาสเตอร์ลินินวานิลลาเปลือกไข่ขาวแอนทีคเอครูแมกโนเลีย
ตัวอย่างสีขาวควัน พร้อมเฉดจากอ่อนไปเข้ม · #F5F5F5
ตัวอย่างสีขาวควัน พร้อมเฉดจากอ่อนไปเข้ม · #F5F5F5

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

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

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

สีขาวควัน มีโค้ดอะไร

โค้ด HEX ของสีขาวควัน คือ #F5F5F5 ใน RGB คือ rgb(245, 245, 245) ใน HSL คือ hsl(0, 0%, 96%) และใน CMYK คือ 0, 0, 0, 4

สีตรงข้ามของสีขาวควัน คือสีอะไร

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

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

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