พาเลตสี

สีวานิลลา

ชวนให้นึกถึงไอศกรีมวานิลลา: สีขาวอมเหลืองแสนหวาน อบอุ่นและชวนผ่อนคลาย พบได้ในร้านขนม ห้องครัว และเสื้อผ้าฤดูใบไม้ผลิ

ชื่ออื่น: สีวานิลลา

โค้ด HEX ของสีวานิลลา คือ #F3E5AB ใน RGB คือ rgb(243, 229, 171) ใน HSL คือ hsl(48, 75%, 81%) และใน CMYK คือ 0, 6, 30, 5

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

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

สีที่คล้ายกับสีวานิลลา

ข้าวสาลี#F5DEB3ครีม#FFFDD0แชมเปญ#F7E7CEข้าวโอ๊ต#E3D7BEไข่มุก#EAE0C8ทราย#C2B280

สีวานิลลา โดยสรุป

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

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

เฉดของสีวานิลลา: อ่อนและเข้ม

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

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

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

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

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

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

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

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

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

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

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

โค้ด CSS

:root {
  --vanilla: #F3E5AB;
  --vanilla-rgb: 243, 229, 171;
}
.พื้นหลัง { background-color: var(--vanilla); }
.ตัวอักษร { color: var(--vanilla); }

สีที่คล้ายกับสีวานิลลา

พีชเบจแทนแอปริคอต

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

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

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

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

พาเลตสีจากชื่อพิมพ์ชื่อแล้วรับพาเลตสีเฉพาะตัววงล้อสุ่มเขียนตัวเลือกของคุณแล้วหมุนวงล้อ มีแบบสีด้วยตู้สุ่มสีดึงคันโยกแล้วรับพาเลตสี
เครื่องมือฟรีทั้งหมด →

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

สีวานิลลา มีโค้ดอะไร

โค้ด HEX ของสีวานิลลา คือ #F3E5AB ใน RGB คือ rgb(243, 229, 171) ใน HSL คือ hsl(48, 75%, 81%) และใน CMYK คือ 0, 6, 30, 5

สีตรงข้ามของสีวานิลลา คือสีอะไร

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

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

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