สี #6AB417 (Extra Life)
รหัสฐานสิบหก #6AB417 ตรงกับสี Extra Life ด้านล่างคุณสามารถดูค่าที่แน่นอนในรูปแบบ RGB, HSL และ CMYK ตรวจสอบความเปรียบต่างกับพื้นหลังสีขาวและสีดำ และค้นพบสีที่คล้ายกันและเสริมกันภายในตระกูล สีเขียว
| รหัส HEX | #6AB417 |
|---|---|
| รหัส RGB | rgb(106, 180, 23) |
| รหัส HSL | hsl(88.3, 77.3%, 39.8%) |
| รหัส CMYK | cmyk(41%, 0%, 87%, 29%) |
| ตระกูลสี | สีเขียว |
ความคมชัดและการเข้าถึง (WCAG)
สีเสริม
Plummy#675A75
สีที่คล้ายกัน
สำรวจสีตามตระกูล
มากกว่า 469 สีที่มีชื่อ พร้อมรหัส HEX RGB HSL และ CMYK จัดระเบียบในตระกูลเฉดสี 12 ตระกูล
วิธีใช้สี Extra Life
นำไปใช้ใน CSS หรือการออกแบบของคุณ
คัดลอกโค้ด #6AB417 และใช้งานโดยตรงในไฟล์ CSS ของคุณ เช่น background-color: #6AB417; หรือ color: #6AB417; หากคุณต้องการค่าในรูปแบบอื่น ให้แปลงเป็น RGB, HSL หรือ CMYK ด้วยตัวแปลงสีของเรา
รวมกับสีอื่นๆ
ลองใช้ Extra Life ร่วมกับสีประกอบของมัน หรือใช้โทนสีที่คล้ายกันจากตระกูล สีเขียว ที่เราแสดงด้านล่าง หรือสร้างพาเลตสีที่สมบูรณ์จากสีนี้โดยใช้ตัวสร้างพาเลต
ตรวจสอบการเข้าถึง
ก่อนใช้ Extra Life เป็นสีข้อความหรือพื้นหลัง ให้ตรวจสอบอัตราส่วนความเปรียบต่างบนพื้นหลังสีขาวและสีดำที่ระบุไว้ด้านบน หรือวิเคราะห์การรวมกันใดๆ ในเครื่องมือตรวจสอบความเปรียบต่างเพื่อให้แน่ใจว่าตรงตามระดับ WCAG AA และ AAA
คำถามที่พบบ่อย
สีใดที่เป็น #6AB417?
+
รหัส #6AB417 สอดคล้องกับสี Extra Life ที่อยู่ในตระกูล สีเขียว
สี Extra Life จะจับคู่กับสีใดได้ดี?
+
คุณสามารถดูสีเสริมและสีที่คล้ายกันหลายสีด้านล่าง หรือสร้างพาเลตสีที่สมบูรณ์จาก Extra Life ด้วยเครื่องมือสร้างพาเลตของเรา
สี Extra Life เข้าถึงได้สำหรับข้อความหรือไม่?
+
ขึ้นอยู่กับพื้นหลัง: ตรวจสอบอัตราส่วนความคมชัดบนพื้นขาวและดำข้างบนเพื่อดูว่าเป็นไปตามระดับการเข้าถึง WCAG AA และ AAA หรือไม่
