พาเลตสี

สีครีม

เลียนแบบสีของครีมสด เป็นสีขาวอมเหลืองโทนอุ่น ใช้กับผนัง เสื้อผ้าไหมพรม และเครื่องเขียน

ชื่ออื่น: ครีมนม

โค้ด HEX ของสีครีม คือ #FFFDD0 ใน RGB คือ rgb(255, 253, 208) ใน HSL คือ hsl(57, 100%, 91%) และใน CMYK คือ 0, 1, 18, 0

ดูของจริงเป็นอย่างไร

เลือกสีที่จะจับคู่ แล้วดูว่าดูเป็นอย่างไรบนเสื้อผ้า ในการแต่งบ้าน และในงานออกแบบ

สีที่คล้ายกับสีครีม

เบจ#F5F5DCวานิลลา#F3E5ABข้าวสาลี#F5DEB3แชมเปญ#F7E7CEเปลือกไข่#F0EAD6ไข่มุก#EAE0C8

สีครีม โดยสรุป

สีครีม (#FFFDD0) เป็นสีโทนอุ่น โทนอ่อน และอิ่มสีมาก อยู่ในกลุ่มเฉดสีขาว ประกอบด้วยสีแดง 255 ส่วน สีเขียว 253 ส่วน และสีน้ำเงิน 208 ส่วน (จาก 255) การใช้งานทั่วไป: การตกแต่งภายใน, แฟชั่น, ร้านขนม

ตัวอย่างสีครีม พร้อมเฉดจากอ่อนไปเข้ม · #FFFDD0
ครีม · #FFFDD0

เฉดของสีครีม: อ่อนและเข้ม

จากอ่อนที่สุดไปเข้มที่สุด แตะเฉดสีเพื่อคัดลอกโค้ด

ดูเฉดสีทั้งหมด: เครื่องมือสร้างเฉดสี

ความกลมกลืนของสีครีม

การจับคู่สีตามวงล้อสี ดูเพิ่มเติมได้ในเครื่องมือความกลมกลืนของสี

สีตรงข้ามใกล้เคียง: เพอริวิงเคิล
สีใกล้เคียงใกล้เคียง: แชมเปญ
สามเส้าใกล้เคียง: ฟ้าไข่เป็ด, ไลแลคพาสเทล
สีตรงข้ามแบบแยกใกล้เคียง: ฟ้าอ่อน, ไลแลคพาสเทล

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

คัดลอกโค้ด หรือเปิดพาเลตในเครื่องมือแก้ไขเพื่อปรับแต่ง

พาเลต: โมโนโครม · ครีม
พาเลต: สีใกล้เคียง · ครีม
พาเลต: สีตรงข้าม · ครีม
พาเลต: สามเส้า · ครีม
พาเลต: กับสีกลาง · ครีม
พาเลต: มีสีเน้น · ครีม

คอนทราสต์ของสีครีม กับตัวอักษร

ตัวอักษรสีขาวคอนทราสต์ 1.0:1 · ไม่แนะนำ
ตัวอักษรสีดำคอนทราสต์ 20.2:1 · AAA

ตามเกณฑ์ WCAG 2.1 ตรวจสอบคู่สีอื่นได้ในตรวจสอบคอนทราสต์

โค้ด CSS

:root {
  --cream: #FFFDD0;
  --cream-rgb: 255, 253, 208;
}
.พื้นหลัง { background-color: var(--cream); }
.ตัวอักษร { color: var(--cream); }

สีที่คล้ายกับสีครีม

ขาวแอนทีคเอครูงาช้างข้าวโอ๊ต

พาเลตตามธีมที่มีสีนี้

เฉดสีขาวอื่น ๆ

ขาวงาช้างขาวกระดูกขาวนวลขาวหิมะไข่มุกอะลาบาสเตอร์ลินินขาวควันวานิลลาเปลือกไข่ขาวแอนทีคเอครูแมกโนเลีย
ตัวอย่างสีครีม พร้อมเฉดจากอ่อนไปเข้ม · #FFFDD0
ตัวอย่างสีครีม พร้อมเฉดจากอ่อนไปเข้ม · #FFFDD0

ลองใช้สิ่งนี้ด้วย

พาเลตสีจากชื่อพิมพ์ชื่อแล้วรับพาเลตสีเฉพาะตัวเสียงของคุณเป็นสีอะไรพูด 5 วินาทีแล้วเปลี่ยนเสียงของคุณเป็นสีสีของบุคลิกภาพ 16 แบบทำแบบทดสอบ 8 ข้อแล้วรับสีของคุณ
เครื่องมือฟรีทั้งหมด →

คำถามที่พบบ่อย

สีครีม มีโค้ดอะไร

โค้ด HEX ของสีครีม คือ #FFFDD0 ใน RGB คือ rgb(255, 253, 208) ใน HSL คือ hsl(57, 100%, 91%) และใน CMYK คือ 0, 1, 18, 0

สีตรงข้ามของสีครีม คือสีอะไร

สีตรงข้ามบนวงล้อสีคือ #D0D2FF ซึ่งเป็นเฉดที่ใกล้กับสีเพอริวิงเคิล ใช้ปริมาณน้อย ๆ เป็นสีเน้นและให้คอนทราสต์สูง

ใช้ตัวอักษรสีขาวบนสีครีม ได้ไหม

ควรใช้ตัวอักษรสีดำดีกว่า เพราะคอนทราสต์กับสีขาวมีเพียง 1.0:1 ขณะที่กับสีดำคือ 20.2:1