สี #563C0D (Pineapple)
รหัสฐานสิบหก #563C0D ตรงกับสี Pineapple ด้านล่างคุณสามารถดูค่าที่แน่นอนในรูปแบบ RGB, HSL และ CMYK ตรวจสอบความเปรียบต่างกับพื้นหลังสีขาวและสีดำ และค้นพบสีที่คล้ายกันและเสริมกันภายในตระกูล สีส้ม
| รหัส HEX | #563C0D |
|---|---|
| รหัส RGB | rgb(86, 60, 13) |
| รหัส HSL | hsl(38.6, 73.7%, 19.4%) |
| รหัส CMYK | cmyk(0%, 30%, 85%, 66%) |
| ตระกูลสี | สีส้ม |
ความคมชัดและการเข้าถึง (WCAG)
สีเสริม
Tuna#46494E
สีที่คล้ายกัน
สำรวจสีตามตระกูล
มากกว่า 469 สีที่มีชื่อ พร้อมรหัส HEX RGB HSL และ CMYK จัดระเบียบในตระกูลเฉดสี 12 ตระกูล
วิธีใช้สี Pineapple
นำไปใช้ใน CSS หรือการออกแบบของคุณ
คัดลอกโค้ด #563C0D และใช้งานโดยตรงในไฟล์ CSS ของคุณ เช่น background-color: #563C0D; หรือ color: #563C0D; หากคุณต้องการค่าในรูปแบบอื่น ให้แปลงเป็น RGB, HSL หรือ CMYK ด้วยตัวแปลงสีของเรา
รวมกับสีอื่นๆ
ลองใช้ Pineapple ร่วมกับสีประกอบของมัน หรือใช้โทนสีที่คล้ายกันจากตระกูล สีส้ม ที่เราแสดงด้านล่าง หรือสร้างพาเลตสีที่สมบูรณ์จากสีนี้โดยใช้ตัวสร้างพาเลต
ตรวจสอบการเข้าถึง
ก่อนใช้ Pineapple เป็นสีข้อความหรือพื้นหลัง ให้ตรวจสอบอัตราส่วนความเปรียบต่างบนพื้นหลังสีขาวและสีดำที่ระบุไว้ด้านบน หรือวิเคราะห์การรวมกันใดๆ ในเครื่องมือตรวจสอบความเปรียบต่างเพื่อให้แน่ใจว่าตรงตามระดับ WCAG AA และ AAA
คำถามที่พบบ่อย
สีใดที่เป็น #563C0D?
+
รหัส #563C0D สอดคล้องกับสี Pineapple ที่อยู่ในตระกูล สีส้ม
สี Pineapple จะจับคู่กับสีใดได้ดี?
+
คุณสามารถดูสีเสริมและสีที่คล้ายกันหลายสีด้านล่าง หรือสร้างพาเลตสีที่สมบูรณ์จาก Pineapple ด้วยเครื่องมือสร้างพาเลตของเรา
สี Pineapple เข้าถึงได้สำหรับข้อความหรือไม่?
+
ขึ้นอยู่กับพื้นหลัง: ตรวจสอบอัตราส่วนความคมชัดบนพื้นขาวและดำข้างบนเพื่อดูว่าเป็นไปตามระดับการเข้าถึง WCAG AA และ AAA หรือไม่
