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

สี #667eff: โทนสด สีคราม

#667eff คือ rgb(102, 126, 255) ใน RGB และ oklch(64.076% 0.1921 271.977) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

231°
100%

64.1%
0.192
272°
  • สีคราม
  • ระดับกลาง
  • สด
  • โทนเย็น
  • ≈ สีฟ้าอาซัวร์
  • indigo-400
  • สีดำ 0%

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

ตัวอักษรสีขาว
3.50:1อ่านยาก
Lc -68
ตัวอักษรสีดำ
5.99:1อ่านง่าย · AA
Lc 42

เฉดสี

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

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

เปิดเป็นพาเลต

ล่าสุด

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

เกี่ยวกับ #667eff

#667eff เป็นโทนสด สีคราม ใน OKLCH มีความสว่าง 64.1% ความสด 0.192 และฮิว 272°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีฟ้าอาซัวร์ (#007fff) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ indigo-400

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

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

  1. 667eff
  2. 738cff
  3. 819aff
  4. 90a7ff
  5. 9fb4ff
  6. aec1ff
  7. beceff
  8. cedaff
  9. dee6ff
  10. eef3ff

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

  1. 667eff
  2. 586dde
  3. 4a5cbe
  4. 3c4c9e
  5. 2f3c80
  6. 232d63
  7. 171f48
  8. 0c112e
  9. 040516
  10. 000103

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

  1. 667eff
  2. 6981f4
  3. 6d83e9
  4. 7085de
  5. 7487d2
  6. 7889c7
  7. 7c8abc
  8. 808bb0
  9. 848ba4
  10. 888c98

คำถามเกี่ยวกับ #667eff

#667eff คือสีอะไร

#667eff เป็นโทนสด สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด สีคราม ใน RGB คือ rgb(102, 126, 255) ใน HSL คือ hsl(230.59, 100%, 70%) และใน OKLCH คือ oklch(64.076% 0.1921 271.977)

สีอะไรเข้ากับ #667eff

สีตรงข้ามของ #667eff คือ #ad8700 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #0095ef และ #a369eb ส่วนสีสามเส้าคือ #ea5238 และ #00ab4b

ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #667eff

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

#667eff เป็นสีโทนร้อนหรือโทนเย็น

#667eff เป็นสีโทนเย็น ใน OKLCH มีฮิว 272 องศา ความสว่าง 64.1% และความสด 0.192