พาเลตสี

สีคราม

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

ชื่ออื่น: indigo

เปิดในเครื่องมือแก้ไข

โค้ด HEX ของสีคราม คือ #4B0082 ใน RGB คือ rgb(75, 0, 130) ใน HSL คือ hsl(275, 100%, 25%) และใน CMYK คือ 42, 100, 0, 49

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

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

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

องุ่น#6F2DA8น้ำเงินกรมท่า#000080อัลตรามารีน#120A8Fน้ำเงินเข้ม#00008Bม่วงเข้ม#6A0DADม่วงแดง#800080

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

สีคราม (#4B0082) เป็นสีโทนเย็น โทนเข้ม และอิ่มสีมาก อยู่ในกลุ่มเฉดสีม่วง ประกอบด้วยสีแดง 75 ส่วน สีเขียว 0 ส่วน และสีน้ำเงิน 130 ส่วน (จาก 255) การใช้งานทั่วไป: แฟชั่น, ศิลปะ, สิ่งทอ

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

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

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

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

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

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

สีตรงข้ามใกล้เคียง: เขียว
สีใกล้เคียงใกล้เคียง: น้ำเงินกรมท่า, ม่วงแดง
สามเส้าใกล้เคียง: ช็อกโกแลต, เขียวน้ำทะเล
สีตรงข้ามแบบแยกใกล้เคียง: มะกอก, เขียว
สี่เส้าใกล้เคียง: แดงทับทิมโกเมน, เขียว, เขียวอมน้ำเงิน

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

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

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

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

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

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

โค้ด CSS

:root {
  --indigo: #4B0082;
  --indigo-rgb: 75, 0, 130;
}
.พื้นหลัง { background-color: var(--indigo); }
.ตัวอักษร { color: var(--indigo); }

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

น้ำเงินไคลน์น้ำเงินเที่ยงคืนน้ำเงินหินชนวนม่วงราชวงศ์

เฉดสีม่วงอื่น ๆ

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

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

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

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

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

โค้ด HEX ของสีคราม คือ #4B0082 ใน RGB คือ rgb(75, 0, 130) ใน HSL คือ hsl(275, 100%, 25%) และใน CMYK คือ 42, 100, 0, 49

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

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

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

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