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

สีครีม: รหัสสี #fffdd0

สีครีม คือ #fffdd0 เป็น rgb(255, 253, 208) ใน RGB และ oklch(98.44% 0.05799 105.314) ใน OKLCH รูปแบบอื่น เฉดสี สีที่เข้ากัน และพาเลตทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

57°
100%

98.4%
0.058
105°
  • สีเบจ
  • อ่อนมาก
  • ละมุน
  • พาสเทล
  • โทนกลาง
  • yellow-100
  • สีดำ 0%

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

ตัวอักษรสีขาว
1.04:1อ่านยาก
Lc 0
ตัวอักษรสีดำ
20.21:1อ่านง่าย · AA
Lc 103

เฉดสี

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

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

ล่าสุด

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

ชื่ออื่น: Cream

พาเลตที่มี สีครีม

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

คำถามเกี่ยวกับ สีครีม

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

รหัสสี HEX ของ สีครีม คือ #fffdd0 ใน RGB คือ rgb(255, 253, 208) ใน HSL คือ hsl(57.45, 100%, 90.78%) และใน OKLCH คือ oklch(98.44% 0.05799 105.314)

สีอะไรเข้ากับ สีครีม

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

สีครีม เป็นสีโทนร้อนหรือโทนเย็น

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

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

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

เกี่ยวกับ #fffdd0

#fffdd0 เป็นโทนพาสเทล เฉดอ่อนมากของสีเบจ ใน OKLCH มีความสว่าง 98.4% ความสด 0.058 และฮิว 105°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีครีม (#fffdd0) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ yellow-100

สีเบจอ่อนมากเพิ่มเติม

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

  1. fffdd0

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

  1. fffdd0

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

  1. fffdd0

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

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

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