พาเลตสี

สีน้ำเงินเหล็กกล้าอมเทา

สีน้ำเงินกลางที่มีอันเดอร์โทนเทา เหมือนประกายของเหล็กกล้า ใน CSS เรียกว่า steelblue เรียบขรึมและดูเป็นเทคนิค เหมาะกับอินเทอร์เฟซและแบรนด์อุตสาหกรรม

ชื่ออื่น: steelblue

โค้ด HEX ของสีน้ำเงินเหล็กกล้าอมเทา คือ #4682B4 ใน RGB คือ rgb(70, 130, 180) ใน HSL คือ hsl(207, 44%, 49%) และใน CMYK คือ 61, 28, 0, 29

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

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

สีที่คล้ายกับสีน้ำเงินเหล็กกล้าอมเทา

ฟ้าเซรูเลียน#007BA7เทาอมน้ำเงิน#7393B3น้ำเงินฝรั่งเศส#0072BBน้ำเงินมหาสมุทร#005A9Cเทาหินชนวน#708090ฟ้าหม่น#8C9EB1

สีน้ำเงินเหล็กกล้าอมเทา โดยสรุป

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

ตัวอย่างสีน้ำเงินเหล็กกล้าอมเทา พร้อมเฉดจากอ่อนไปเข้ม · #4682B4
น้ำเงินเหล็กกล้าอมเทา · #4682B4

เฉดของสีน้ำเงินเหล็กกล้าอมเทา: อ่อนและเข้ม

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

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

ความกลมกลืนของสีน้ำเงินเหล็กกล้าอมเทา

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

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

พาเลตที่มีสีน้ำเงินเหล็กกล้าอมเทา

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

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

คอนทราสต์ของสีน้ำเงินเหล็กกล้าอมเทา กับตัวอักษร

ตัวอักษรสีขาวคอนทราสต์ 4.1:1 · AA ตัวอักษรขนาดใหญ่
ตัวอักษรสีดำคอนทราสต์ 5.1:1 · AA

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

โค้ด CSS

:root {
  --steel-blue: #4682B4;
  --steel-blue-rgb: 70, 130, 180;
}
.พื้นหลัง { background-color: var(--steel-blue); }
.ตัวอักษร { color: var(--steel-blue); }

สีที่คล้ายกับสีน้ำเงินเหล็กกล้าอมเทา

คอร์นฟลาวเวอร์ฟ้าเข้มข้นปิโตรเลียมเทาเหล็กกล้า

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

เฉดสีน้ำเงินอื่น ๆ

น้ำเงินน้ำเงินกรมท่าฟ้าโคบอลต์ไพลินน้ำเงินรอยัลน้ำเงินไฟฟ้าน้ำเงินเที่ยงคืนอัลตรามารีนน้ำเงินฝรั่งเศสน้ำเงินปรัสเซียนฟ้าพาสเทลฟ้าเบบี้น้ำเงินยีนส์น้ำเงินไคลน์น้ำเงินเข้มฟ้าอ่อนฟ้าเซรูเลียนเพอริวิงเคิลฟ้าอาซูร์สดคอร์นฟลาวเวอร์ฟ้าหม่นน้ำเงินมหาสมุทรฟ้าแป้ง
ตัวอย่างสีน้ำเงินเหล็กกล้าอมเทา พร้อมเฉดจากอ่อนไปเข้ม · #4682B4
ตัวอย่างสีน้ำเงินเหล็กกล้าอมเทา พร้อมเฉดจากอ่อนไปเข้ม · #4682B4

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

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

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

สีน้ำเงินเหล็กกล้าอมเทา มีโค้ดอะไร

โค้ด HEX ของสีน้ำเงินเหล็กกล้าอมเทา คือ #4682B4 ใน RGB คือ rgb(70, 130, 180) ใน HSL คือ hsl(207, 44%, 49%) และใน CMYK คือ 61, 28, 0, 29

สีตรงข้ามของสีน้ำเงินเหล็กกล้าอมเทา คือสีอะไร

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

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

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