ข้ามไปยังเครื่องมือเลือกสี

สีอเมทิสต์: รหัสสี #9966cc

สีอเมทิสต์ คือ #9966cc เป็น rgb(153, 102, 204) ใน RGB และ oklch(60.762% 0.15608 305.324) ใน OKLCH รูปแบบอื่น เฉดสี สีที่เข้ากัน และพาเลตทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

270°
100%

60.8%
0.156
305°
  • สีม่วง
  • ระดับกลาง
  • ละมุน
  • โทนกลาง
  • violet-500
  • สีดำ 20%

อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ

ตัวอักษรสีขาว
4.10:1อ่านยาก
Lc -73
ตัวอักษรสีดำ
5.13:1อ่านง่าย · AA
Lc 36

เฉดสี

ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน

ชุดสีที่เข้ากัน

ล่าสุด

สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น

ชื่ออื่น: สีม่วงอเมทิสต์, Amethyst

พาเลตที่มี สีอเมทิสต์

สีที่มีชื่อซึ่งคล้ายกัน

คำถามเกี่ยวกับ สีอเมทิสต์

รหัสสี HEX ของ สีอเมทิสต์ คืออะไร

รหัสสี HEX ของ สีอเมทิสต์ คือ #9966cc ใน RGB คือ rgb(153, 102, 204) ใน HSL คือ hsl(270, 50%, 60%) และใน OKLCH คือ oklch(60.762% 0.15608 305.324)

สีอะไรเข้ากับ สีอเมทิสต์

สีตรงข้ามคือ #6d9100 หากต้องการลุคที่ดูสงบกว่า ให้จับคู่กับสีข้างเคียง #6a77de และ #b959a7 ส่วนพาเลตสำเร็จรูปที่มี สีอเมทิสต์ แสดงอยู่ในหน้านี้

สีอเมทิสต์ เป็นสีโทนร้อนหรือโทนเย็น

สีอเมทิสต์ เป็นสีโทนกลาง มีฮิวใน OKLCH 305 องศา

ตัวอักษรสีอะไรอ่านง่ายบน สีอเมทิสต์

ตัวอักษรสีขาวอ่านง่ายกว่าบน สีอเมทิสต์: สีขาวให้อัตราคอนทราสต์ 4.1:1 และสีดำให้ 5.13:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1

เกี่ยวกับ #9966cc

#9966cc เป็นโทนละมุน สีม่วง ใน OKLCH มีความสว่าง 60.8% ความสด 0.156 และฮิว 305°

อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ

ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 4.1:1 ส่วนสีดำได้ 5.13:1 จึงควรใช้ตัวอักษรสีขาว

ชื่อสีที่ใกล้ที่สุดคือ สีอเมทิสต์ (#9966cc) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ violet-500

สีม่วงระดับกลางเพิ่มเติม

อ่อนลง: #9966cc ผสมสีขาว

  1. 9966cc

เข้มขึ้น: #9966cc ผสมสีดำ

  1. 9966cc

นุ่มลง: #9966cc ลดความอิ่มตัว

  1. 9966cc

สีที่มีชื่อซึ่งคล้ายกัน

สีที่เข้ากับ #9966cc

คู่ตรงข้าม
#9966cc
ข้างเคียง
#9966cc
สามเส้า
#9966cc
คู่ตรงข้ามแยก
#9966cc