พาเลตสี

สีทับทิม

ตั้งชื่อตามอัญมณีทับทิม เป็นสีแดงเข้มและสดใส เชื่อมโยงกับเครื่องประดับ งานเฉลิมฉลอง และวันครบรอบ ใช้กับชุดราตรีออกงาน บรรจุภัณฑ์หรู และของตกแต่งช่วงคริสต์มาส

ชื่ออื่น: แดงทับทิม

โค้ด HEX ของสีทับทิม คือ #9B111E ใน RGB คือ rgb(155, 17, 30) ใน HSL คือ hsl(354, 80%, 34%) และใน CMYK คือ 0, 89, 81, 39

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

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

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

แดงเลือดนก#960018น้ำตาลแดง#A52A2Aแซงเกรีย#92000Aแดงอิฐเผา#B22222แครนเบอร์รี#9F000Fแดงเลือด#8A0303

สีทับทิม โดยสรุป

สีทับทิม (#9B111E) เป็นสีโทนอุ่น มีความสว่างปานกลาง และอิ่มสีมาก อยู่ในกลุ่มเฉดสีแดง ประกอบด้วยสีแดง 155 ส่วน สีเขียว 17 ส่วน และสีน้ำเงิน 30 ส่วน (จาก 255) การใช้งานทั่วไป: เครื่องประดับ, แฟชั่น, การสร้างแบรนด์

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

เฉดของสีทับทิม: อ่อนและเข้ม

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

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

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

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

สีตรงข้ามใกล้เคียง: ไซแอนเข้ม
สีใกล้เคียงใกล้เคียง: ชมพูแก่, น้ำตาล
สามเส้าใกล้เคียง: เขียว, อัลตรามารีน
สีตรงข้ามแบบแยกใกล้เคียง: หยก, น้ำเงินมหาสมุทร

พาเลตที่มีสีทับทิม

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

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

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

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

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

โค้ด CSS

:root {
  --ruby: #9B111E;
  --ruby-rgb: 155, 17, 30;
}
.พื้นหลัง { background-color: var(--ruby); }
.ตัวอักษร { color: var(--ruby); }

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

แดงทับทิมโกเมนเบอร์กันดีอัมเบอร์เผาเชอร์รี

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

เฉดสีแดงอื่น ๆ

แดงคริมสันสการ์เลตแดงชาดแดงทับทิมโกเมนเบอร์กันดีไวน์แดงเลือดนกเชอร์รีแดงอิฐเผาแดงเลือดมาร์ซาลามะเขือเทศแดงเฟอร์รารีแดงอินเดียชมพูเชอร์รีแคลเรตแครนเบอร์รีแดงโกเมนเข้มแดงเลือดวัวแดงดอกป๊อปปี้แซงเกรีย
ตัวอย่างสีทับทิม พร้อมเฉดจากอ่อนไปเข้ม · #9B111E
ตัวอย่างสีทับทิม พร้อมเฉดจากอ่อนไปเข้ม · #9B111E

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

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

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

สีทับทิม มีโค้ดอะไร

โค้ด HEX ของสีทับทิม คือ #9B111E ใน RGB คือ rgb(155, 17, 30) ใน HSL คือ hsl(354, 80%, 34%) และใน CMYK คือ 0, 89, 81, 39

สีตรงข้ามของสีทับทิม คือสีอะไร

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

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

ได้ คอนทราสต์กับสีขาวคือ 8.4:1 ซึ่งเพียงพอสำหรับตัวอักษรทั่วไป (WCAG AA)