สีชมพูเม็กซิกัน มีโค้ดอะไร

โค้ด HEX ของสีชมพูเม็กซิกัน คือ #E4007C ใน RGB คือ rgb(228, 0, 124) ใน HSL คือ hsl(327, 100%, 45%) และใน CMYK คือ 0, 100, 46, 11

สีตรงข้ามของสีชมพูเม็กซิกัน คือสีอะไร

สีตรงข้ามบนวงล้อสีคือ #00E468 ซึ่งเป็นเฉดที่ใกล้กับสีเขียวสปริง ใช้ปริมาณน้อย ๆ เป็นสีเน้นและให้คอนทราสต์สูง

ใช้ตัวอักษรสีขาวบนสีชมพูเม็กซิกัน ได้ไหม

ได้ คอนทราสต์กับสีขาวคือ 4.6:1 ซึ่งเพียงพอสำหรับตัวอักษรทั่วไป (WCAG AA)

สีชมพูเม็กซิกัน: โค้ด HEX #E4007C, RGB และการจับคู่สี

ดูของจริงเป็นอย่างไร

เลือกสีที่จะจับคู่ แล้วดูว่าดูเป็นอย่างไรบนเสื้อผ้า ในการแต่งบ้าน และในงานออกแบบ

สีที่คล้ายกับสีชมพูเม็กซิกัน

ชมพูจัด#FF1493 ฟูเชีย#F400A1 ราสเบอร์รี#E30B5C ชมพูเชอร์รี#DE3163 ชมพูบับเบิ้ลกัม#FF69B4 มัลเบอร์รี#C54B8C

สีชมพูเม็กซิกัน โดยสรุป

สีชมพูเม็กซิกัน (#E4007C) เป็นสีก้ำกึ่งระหว่างโทนอุ่นและโทนเย็น มีความสว่างปานกลาง และอิ่มสีมาก อยู่ในกลุ่มเฉดสีชมพู ประกอบด้วยสีแดง 228 ส่วน สีเขียว 0 ส่วน และสีน้ำเงิน 124 ส่วน (จาก 255) การใช้งานทั่วไป: งานหัตถกรรม, แฟชั่น, การสร้างแบรนด์

ตัวอย่างสีชมพูเม็กซิกัน พร้อมเฉดจากอ่อนไปเข้ม · #E4007C — ชมพูเม็กซิกัน · #E4007C

เฉดของสีชมพูเม็กซิกัน: อ่อนและเข้ม

จากอ่อนที่สุดไปเข้มที่สุด แตะเฉดสีเพื่อคัดลอกโค้ด

ดูเฉดสีทั้งหมด: เครื่องมือสร้างเฉดสี

ความกลมกลืนของสีชมพูเม็กซิกัน

การจับคู่สีตามวงล้อสี ดูเพิ่มเติมได้ในเครื่องมือความกลมกลืนของสี

สีตรงข้ามใกล้เคียง: เขียวสปริง

สีใกล้เคียงใกล้เคียง: มาเจนตา, สการ์เลต

สามเส้าใกล้เคียง: เขียวสนามหญ้า, น้ำเงินยีนส์

สีตรงข้ามแบบแยกใกล้เคียง: เขียวนีออน, เทอร์ควอยซ์

สี่เส้าใกล้เคียง: เหลืองคีรีบูน, เขียวสปริง, น้ำเงิน

พาเลตที่มีสีชมพูเม็กซิกัน

คัดลอกโค้ด หรือเปิดพาเลตในเครื่องมือแก้ไขเพื่อปรับแต่ง

พาเลต: โมโนโครม · ชมพูเม็กซิกัน

พาเลต: สีใกล้เคียง · ชมพูเม็กซิกัน

พาเลต: สีตรงข้าม · ชมพูเม็กซิกัน

พาเลต: สามเส้า · ชมพูเม็กซิกัน

พาเลต: กับสีกลาง · ชมพูเม็กซิกัน

พาเลต: มีสีเน้น · ชมพูเม็กซิกัน

คอนทราสต์ของสีชมพูเม็กซิกัน กับตัวอักษร

ตัวอักษรสีขาวคอนทราสต์ 4.6:1 · AA

ตัวอักษรสีดำคอนทราสต์ 4.6:1 · AA

ตามเกณฑ์ WCAG 2.1 ตรวจสอบคู่สีอื่นได้ในตรวจสอบคอนทราสต์

โค้ด CSS

:root {
  --mexican-pink: #E4007C;
  --mexican-pink-rgb: 228, 0, 124;
}
.พื้นหลัง { background-color: var(--mexican-pink); }
.ตัวอักษร { color: var(--mexican-pink); }