พาเลตสี

สีน้ำเงิน

เป็นหนึ่งในสามสีของแสงบนหน้าจอ ร่วมกับสีแดงและสีเขียว สื่อถึงความสงบ ความไว้วางใจ และความเป็นระเบียบ เป็นสีที่ใช้มากที่สุดในโลโก้ของธนาคาร บริษัทเทคโนโลยี และโซเชียลมีเดีย

ชื่ออื่น: สีน้ำเงิน

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

โค้ด HEX ของสีน้ำเงิน คือ #0000FF ใน RGB คือ rgb(0, 0, 255) ใน HSL คือ hsl(240, 100%, 50%) และใน CMYK คือ 100, 100, 0, 0

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

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

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

ม่วง#8F00FFม่วงเข้ม#6A0DADน้ำเงินเข้ม#00008Bอัลตรามารีน#120A8Fน้ำเงินกรมท่า#000080มาเจนตา#FF00FF

สีน้ำเงิน โดยสรุป

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

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

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

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

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

สีที่เข้ากับสีน้ำเงิน

สีที่เข้ากับสีน้ำเงิน: ขาว, ส้ม, เทา, เหลือง, เบจ
#0000FF · #FFFFFF · #FFA500 · #808080 · #FFFF00 · #F5F5DC
ขาวสดชื่นและสะอาดตาเหมือนทะเลและก้อนเมฆส้มสีคู่ตรงข้ามที่ให้คอนทราสต์สูงสุดเทาเรียบ ๆ และดูเป็นมืออาชีพเหลืองร่าเริงและสว่างเบจความอบอุ่นและความสมดุลชมพูคอนทราสต์ที่หวานและทันสมัยน้ำตาลกาแฟคู่สีธรรมชาติแบบคลาสสิกเขียวเพื่อนบ้านตามธรรมชาติ สดชื่นและสงบ
วิธีจับคู่สีน้ำเงิน ในการแต่งกายและการแต่งบ้าน →

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

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

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

พาเลตที่มีสีน้ำเงิน

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

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

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

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

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

โค้ด CSS

:root {
  --blue: #0000FF;
  --blue-rgb: 0, 0, 255;
}
.พื้นหลัง { background-color: var(--blue); }
.ตัวอักษร { color: var(--blue); }

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

น้ำเงินไคลน์องุ่นครามน้ำเงินไฟฟ้า

พบสีนี้ได้ที่ไหน

ชิลีธงชาติFC BarcelonaสโมสรฟุตบอลPepsiแบรนด์คอสตาริกาธงชาติBoca JuniorsสโมสรฟุตบอลGoogleแบรนด์คิวบาธงชาติCruz AzulสโมสรฟุตบอลFacebookแบรนด์เอลซัลวาดอร์ธงชาติPumas UNAMสโมสรฟุตบอลLinkedInแบรนด์

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

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

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

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

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

สีน้ำเงิน มีโค้ดอะไร

โค้ด HEX ของสีน้ำเงิน คือ #0000FF ใน RGB คือ rgb(0, 0, 255) ใน HSL คือ hsl(240, 100%, 50%) และใน CMYK คือ 100, 100, 0, 0

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

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

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

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

สีน้ำเงิน เข้ากับสีอะไรบ้าง

เข้ากันได้ดีกับสีเหล่านี้: ขาว, ส้ม, เทา, เหลือง, เบจ อย่าผสมสีน้ำเงินที่ต่างกันมากหลายเฉดโดยไม่มีสีกลาง เพราะจะดูวุ่นวาย เมื่อใช้กับสีม่วงสด สีน้ำเงินจะเสียความชัดเจน