สี #6A6887 (Heron)
รหัสฐานสิบหก #6A6887 ตรงกับสี Heron ด้านล่างคุณสามารถดูค่าที่แน่นอนในรูปแบบ RGB, HSL และ CMYK ตรวจสอบความเปรียบต่างกับพื้นหลังสีขาวและสีดำ และค้นพบสีที่คล้ายกันและเสริมกันภายในตระกูล สีน้ำเงิน
| รหัส HEX | #6A6887 |
|---|---|
| รหัส RGB | rgb(106, 104, 135) |
| รหัส HSL | hsl(243.9, 13%, 46.9%) |
| รหัส CMYK | cmyk(21%, 23%, 0%, 47%) |
| ตระกูลสี | สีน้ำเงิน |
ความคมชัดและการเข้าถึง (WCAG)
สีเสริม
Lush Bamboo#AFBB33
สีที่คล้ายกัน
สำรวจสีตามตระกูล
มากกว่า 469 สีที่มีชื่อ พร้อมรหัส HEX RGB HSL และ CMYK จัดระเบียบในตระกูลเฉดสี 12 ตระกูล
วิธีใช้สี Heron
นำไปใช้ใน CSS หรือการออกแบบของคุณ
คัดลอกโค้ด #6A6887 และใช้งานโดยตรงในไฟล์ CSS ของคุณ เช่น background-color: #6A6887; หรือ color: #6A6887; หากคุณต้องการค่าในรูปแบบอื่น ให้แปลงเป็น RGB, HSL หรือ CMYK ด้วยตัวแปลงสีของเรา
รวมกับสีอื่นๆ
ลองใช้ Heron ร่วมกับสีประกอบของมัน หรือใช้โทนสีที่คล้ายกันจากตระกูล สีน้ำเงิน ที่เราแสดงด้านล่าง หรือสร้างพาเลตสีที่สมบูรณ์จากสีนี้โดยใช้ตัวสร้างพาเลต
ตรวจสอบการเข้าถึง
ก่อนใช้ Heron เป็นสีข้อความหรือพื้นหลัง ให้ตรวจสอบอัตราส่วนความเปรียบต่างบนพื้นหลังสีขาวและสีดำที่ระบุไว้ด้านบน หรือวิเคราะห์การรวมกันใดๆ ในเครื่องมือตรวจสอบความเปรียบต่างเพื่อให้แน่ใจว่าตรงตามระดับ WCAG AA และ AAA
คำถามที่พบบ่อย
สีใดที่เป็น #6A6887?
+
รหัส #6A6887 สอดคล้องกับสี Heron ที่อยู่ในตระกูล สีน้ำเงิน
สี Heron จะจับคู่กับสีใดได้ดี?
+
คุณสามารถดูสีเสริมและสีที่คล้ายกันหลายสีด้านล่าง หรือสร้างพาเลตสีที่สมบูรณ์จาก Heron ด้วยเครื่องมือสร้างพาเลตของเรา
สี Heron เข้าถึงได้สำหรับข้อความหรือไม่?
+
ขึ้นอยู่กับพื้นหลัง: ตรวจสอบอัตราส่วนความคมชัดบนพื้นขาวและดำข้างบนเพื่อดูว่าเป็นไปตามระดับการเข้าถึง WCAG AA และ AAA หรือไม่
