สีโคบอลต์

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

ชื่ออื่น: น้ำเงินโคบอลต์สด, โคบอลต์

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

โค้ด HEX ของสีโคบอลต์ คือ #0047AB ใน RGB คือ rgb(0, 71, 171) ใน HSL คือ hsl(215, 100%, 34%) และใน CMYK คือ 100, 58, 0, 33

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

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

สีที่คล้ายกับสีโคบอลต์

ไพลิน#0F52BA น้ำเงินยีนส์#1560BD น้ำเงินรอยัล#4169E1 น้ำเงินไคลน์#002FA7 น้ำเงินหินชนวน#6A5ACD น้ำเงินเที่ยงคืน#191970

สีโคบอลต์ โดยสรุป

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

ตัวอย่างสีโคบอลต์ พร้อมเฉดจากอ่อนไปเข้ม · #0047AB — โคบอลต์ · #0047AB

เฉดของสีโคบอลต์: อ่อนและเข้ม

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

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

ความกลมกลืนของสีโคบอลต์

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

สีตรงข้ามใกล้เคียง: ดินเหลือง

สีใกล้เคียงใกล้เคียง: ไซแอนเข้ม, น้ำเงินเข้ม

สามเส้าใกล้เคียง: ชมพูเชอร์รี, เขียวเคลลี

สีตรงข้ามแบบแยกใกล้เคียง: แครนเบอร์รี, เขียวแอปเปิล

สี่เส้าใกล้เคียง: ม่วงแดง, ดินเหลือง, เขียวเคลลี

พาเลตที่มีสีโคบอลต์

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

พาเลต: โมโนโครม · โคบอลต์

พาเลต: สีใกล้เคียง · โคบอลต์

พาเลต: สีตรงข้าม · โคบอลต์

พาเลต: สามเส้า · โคบอลต์

พาเลต: กับสีกลาง · โคบอลต์

พาเลต: มีสีเน้น · โคบอลต์

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

ตัวอักษรสีขาวคอนทราสต์ 8.4:1 · AAA

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

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

โค้ด CSS

:root {
  --cobalt-blue: #0047AB;
  --cobalt-blue-rgb: 0, 71, 171;
}
.พื้นหลัง { background-color: var(--cobalt-blue); }
.ตัวอักษร { color: var(--cobalt-blue); }