สี #C1B23E (Pesto)

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

รหัส HEX#C1B23E
รหัส RGBrgb(193, 178, 62)
รหัส HSLhsl(53.1, 51.4%, 50%)
รหัส CMYKcmyk(0%, 8%, 68%, 24%)
ตระกูลสีสีเหลือง

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

บนพื้นหลังสีขาว: 2.16:1
AA ✕
AAA ✕
บนพื้นหลังสีดำ: 9.71:1
AA ✓
AAA ✓
เปิดในตัวแปลงสี สร้างพาเลตกับสีนี้

สีเสริม

Vivid Blue
#152EFF

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

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

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

วิธีใช้สี Pesto

1

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

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

2

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

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

3

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

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

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

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

+

รหัส #C1B23E สอดคล้องกับสี Pesto ที่อยู่ในตระกูล สีเหลือง

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

+

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

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

+

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

เราช่วยคุณได้ไหม? ช่วยเราบอกต่อด้วยนะ!
แชร์ PDFDocks ให้กับใครก็ตามที่อาจต้องการมัน