สี #8E97C7 (Easter Egg)

รหัสฐานสิบหก #8E97C7 ตรงกับสี Easter Egg ด้านล่างคุณสามารถดูค่าที่แน่นอนในรูปแบบ RGB, HSL และ CMYK ตรวจสอบความเปรียบต่างกับพื้นหลังสีขาวและสีดำ และค้นพบสีที่คล้ายกันและเสริมกันภายในตระกูล สีน้ำเงิน

รหัส HEX	#8E97C7
รหัส RGB	rgb(142, 151, 199)
รหัส HSL	hsl(230.5, 33.7%, 66.9%)
รหัส CMYK	cmyk(29%, 24%, 0%, 22%)
ตระกูลสี	สีน้ำเงิน

ความคมชัดและการเข้าถึง (WCAG)

บนพื้นหลังสีขาว: 2.84:1

AA ✕

AAA ✕

บนพื้นหลังสีดำ: 7.4:1

AA ✓

AAA ✓

เปิดในตัวแปลงสี สร้างพาเลตกับสีนี้

สีเสริม

Gold Winged
#E6D682

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

Windfall Grauzone Windstorm Queer Blue Perrywinkle Summit

สำรวจสีตามตระกูล

มากกว่า 469 สีที่มีชื่อ พร้อมรหัส HEX RGB HSL และ CMYK จัดระเบียบในตระกูลเฉดสี 12 ตระกูล

สีแดง 50 สีส้ม 45 สีน้ำตาล 40 สีเหลือง 40 สีเขียว 55 สีเทอร์ควอยส์ 35 สีน้ำเงิน 55 สีม่วง 45 สีชมพู 45 สีเทา 35 สีขาว 15 ดำ 9 พาสเทล 36

วิธีใช้สี Easter Egg

นำไปใช้ใน CSS หรือการออกแบบของคุณ

คัดลอกโค้ด #8E97C7 และใช้งานโดยตรงในไฟล์ CSS ของคุณ เช่น background-color: #8E97C7; หรือ color: #8E97C7; หากคุณต้องการค่าในรูปแบบอื่น ให้แปลงเป็น RGB, HSL หรือ CMYK ด้วยตัวแปลงสีของเรา

รวมกับสีอื่นๆ

ลองใช้ Easter Egg ร่วมกับสีประกอบของมัน หรือใช้โทนสีที่คล้ายกันจากตระกูล สีน้ำเงิน ที่เราแสดงด้านล่าง หรือสร้างพาเลตสีที่สมบูรณ์จากสีนี้โดยใช้ตัวสร้างพาเลต

ตรวจสอบการเข้าถึง

ก่อนใช้ Easter Egg เป็นสีข้อความหรือพื้นหลัง ให้ตรวจสอบอัตราส่วนความเปรียบต่างบนพื้นหลังสีขาวและสีดำที่ระบุไว้ด้านบน หรือวิเคราะห์การรวมกันใดๆ ในเครื่องมือตรวจสอบความเปรียบต่างเพื่อให้แน่ใจว่าตรงตามระดับ WCAG AA และ AAA

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

สีใดที่เป็น #8E97C7?

รหัส #8E97C7 สอดคล้องกับสี Easter Egg ที่อยู่ในตระกูล สีน้ำเงิน

สี Easter Egg จะจับคู่กับสีใดได้ดี?

คุณสามารถดูสีเสริมและสีที่คล้ายกันหลายสีด้านล่าง หรือสร้างพาเลตสีที่สมบูรณ์จาก Easter Egg ด้วยเครื่องมือสร้างพาเลตของเรา

สี Easter Egg เข้าถึงได้สำหรับข้อความหรือไม่?

ขึ้นอยู่กับพื้นหลัง: ตรวจสอบอัตราส่วนความคมชัดบนพื้นขาวและดำข้างบนเพื่อดูว่าเป็นไปตามระดับการเข้าถึง WCAG AA และ AAA หรือไม่