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

สีน้ำตาลอัมเบอร์: รหัสสี #635147

สีน้ำตาลอัมเบอร์ คือ #635147 เป็น rgb(99, 81, 71) ใน RGB และ oklch(45.02% 0.02895 50.695) ใน OKLCH รูปแบบอื่น เฉดสี สีที่เข้ากัน และพาเลตทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

21°
100%

45%
0.029
51°
  • สีส้ม
  • เข้ม
  • หม่น
  • ตุ่น
  • โทนร้อน
  • taupe-600
  • สีดำ 61%

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

ตัวอักษรสีขาว
7.50:1อ่านง่าย · AA
Lc -91
ตัวอักษรสีดำ
2.80:1อ่านยาก
Lc 18

เฉดสี

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

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

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

ล่าสุด

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

ชื่ออื่น: Umber

พาเลตที่มี สีน้ำตาลอัมเบอร์

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

คำถามเกี่ยวกับ สีน้ำตาลอัมเบอร์

รหัสสี HEX ของ สีน้ำตาลอัมเบอร์ คืออะไร

รหัสสี HEX ของ สีน้ำตาลอัมเบอร์ คือ #635147 ใน RGB คือ rgb(99, 81, 71) ใน HSL คือ hsl(21.43, 16.47%, 33.33%) และใน OKLCH คือ oklch(45.02% 0.02895 50.695)

สีอะไรเข้ากับ สีน้ำตาลอัมเบอร์

สีตรงข้ามคือ #455963 หากต้องการลุคที่ดูสงบกว่า ให้จับคู่กับสีข้างเคียง #654f4e และ #5e5443 ส่วนพาเลตสำเร็จรูปที่มี สีน้ำตาลอัมเบอร์ แสดงอยู่ในหน้านี้

สีน้ำตาลอัมเบอร์ เป็นสีโทนร้อนหรือโทนเย็น

สีน้ำตาลอัมเบอร์ เป็นสีโทนร้อน มีฮิวใน OKLCH 51 องศา

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

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

เกี่ยวกับ #635147

#635147 เป็นโทนตุ่น เฉดเข้มของสีส้ม ใน OKLCH มีความสว่าง 45% ความสด 0.029 และฮิว 51°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีน้ำตาลอัมเบอร์ (#635147) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ taupe-600

เฉดสีส้มเพิ่มเติม

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

  1. 635147
  2. 716158
  3. 807169
  4. 8f827a
  5. 9f928c
  6. aea49e
  7. beb5b1
  8. cec7c4
  9. dedad7
  10. eeeceb

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

  1. 635147
  2. 55453d
  3. 473a32
  4. 3a2f28
  5. 2e241f
  6. 211a16
  7. 16100d
  8. 0b0706
  9. 030202
  10. 000000

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

  1. 635147
  2. 625148
  3. 60524a
  4. 5f524b
  5. 5e534d
  6. 5c534e
  7. 5b5450
  8. 5a5451
  9. 585452
  10. 575554