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

สีม่วงอ่อน: รหัสสี #e0b0ff

สีม่วงอ่อน คือ #e0b0ff เป็น rgb(224, 176, 255) ใน RGB และ oklch(82.735% 0.11907 311.599) ใน OKLCH รูปแบบอื่น เฉดสี สีที่เข้ากัน และพาเลตทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

276°
100%

82.7%
0.119
312°
  • สีม่วง
  • อ่อน
  • สด
  • พาสเทล
  • โทนกลาง
  • purple-300
  • สีดำ 0%

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

ตัวอักษรสีขาว
1.78:1อ่านยาก
Lc -37
ตัวอักษรสีดำ
11.82:1อ่านง่าย · AA
Lc 71

เฉดสี

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

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

ล่าสุด

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

ชื่ออื่น: สีมอฟ, Mauve

พาเลตที่มี สีม่วงอ่อน

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

คำถามเกี่ยวกับ สีม่วงอ่อน

รหัสสี HEX ของ สีม่วงอ่อน คืออะไร

รหัสสี HEX ของ สีม่วงอ่อน คือ #e0b0ff ใน RGB คือ rgb(224, 176, 255) ใน HSL คือ hsl(276.46, 100%, 84.51%) และใน OKLCH คือ oklch(82.735% 0.11907 311.599)

สีอะไรเข้ากับ สีม่วงอ่อน

สีตรงข้ามคือ #aad784 หากต้องการลุคที่ดูสงบกว่า ให้จับคู่กับสีข้างเคียง #babeff และ #fca7dd ส่วนพาเลตสำเร็จรูปที่มี สีม่วงอ่อน แสดงอยู่ในหน้านี้

สีม่วงอ่อน เป็นสีโทนร้อนหรือโทนเย็น

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

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

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

เกี่ยวกับ #e0b0ff

#e0b0ff เป็นโทนพาสเทล เฉดอ่อนของสีม่วง ใน OKLCH มีความสว่าง 82.7% ความสด 0.119 และฮิว 312°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีม่วงอ่อน (#e0b0ff) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ purple-300

สีม่วงอ่อนเพิ่มเติม

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

  1. e0b0ff

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

  1. e0b0ff

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

  1. e0b0ff

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

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

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