สี #A36B4B (Hazel)
รหัสฐานสิบหก #A36B4B ตรงกับสี Hazel ด้านล่างคุณสามารถดูค่าที่แน่นอนในรูปแบบ RGB, HSL และ CMYK ตรวจสอบความเปรียบต่างกับพื้นหลังสีขาวและสีดำ และค้นพบสีที่คล้ายกันและเสริมกันภายในตระกูล สีส้ม
| รหัส HEX | #A36B4B |
|---|---|
| รหัส RGB | rgb(163, 107, 75) |
| รหัส HSL | hsl(21.8, 37%, 46.7%) |
| รหัส CMYK | cmyk(0%, 34%, 54%, 36%) |
| ตระกูลสี | สีส้ม |
ความคมชัดและการเข้าถึง (WCAG)
สีเสริม
Grey Web#616669
สีที่คล้ายกัน
สำรวจสีตามตระกูล
มากกว่า 469 สีที่มีชื่อ พร้อมรหัส HEX RGB HSL และ CMYK จัดระเบียบในตระกูลเฉดสี 12 ตระกูล
วิธีใช้สี Hazel
นำไปใช้ใน CSS หรือการออกแบบของคุณ
คัดลอกโค้ด #A36B4B และใช้งานโดยตรงในไฟล์ CSS ของคุณ เช่น background-color: #A36B4B; หรือ color: #A36B4B; หากคุณต้องการค่าในรูปแบบอื่น ให้แปลงเป็น RGB, HSL หรือ CMYK ด้วยตัวแปลงสีของเรา
รวมกับสีอื่นๆ
ลองใช้ Hazel ร่วมกับสีประกอบของมัน หรือใช้โทนสีที่คล้ายกันจากตระกูล สีส้ม ที่เราแสดงด้านล่าง หรือสร้างพาเลตสีที่สมบูรณ์จากสีนี้โดยใช้ตัวสร้างพาเลต
ตรวจสอบการเข้าถึง
ก่อนใช้ Hazel เป็นสีข้อความหรือพื้นหลัง ให้ตรวจสอบอัตราส่วนความเปรียบต่างบนพื้นหลังสีขาวและสีดำที่ระบุไว้ด้านบน หรือวิเคราะห์การรวมกันใดๆ ในเครื่องมือตรวจสอบความเปรียบต่างเพื่อให้แน่ใจว่าตรงตามระดับ WCAG AA และ AAA
คำถามที่พบบ่อย
สีใดที่เป็น #A36B4B?
+
รหัส #A36B4B สอดคล้องกับสี Hazel ที่อยู่ในตระกูล สีส้ม
สี Hazel จะจับคู่กับสีใดได้ดี?
+
คุณสามารถดูสีเสริมและสีที่คล้ายกันหลายสีด้านล่าง หรือสร้างพาเลตสีที่สมบูรณ์จาก Hazel ด้วยเครื่องมือสร้างพาเลตของเรา
สี Hazel เข้าถึงได้สำหรับข้อความหรือไม่?
+
ขึ้นอยู่กับพื้นหลัง: ตรวจสอบอัตราส่วนความคมชัดบนพื้นขาวและดำข้างบนเพื่อดูว่าเป็นไปตามระดับการเข้าถึง WCAG AA และ AAA หรือไม่
