พาเลตสี

สีน้ำเงินรอยัล

เล่าขานกันว่าเกิดขึ้นจากการประกวดออกแบบชุดให้สมเด็จพระราชินีชาร์ล็อตแห่งอังกฤษ เป็นสีน้ำเงินสดและเข้มข้น เป็นที่ต้องการมากสำหรับชุดราตรีออกงาน เสื้อทีมกีฬา และของตกแต่งงานรับปริญญา

ชื่ออื่น: royal blue

โค้ด HEX ของสีน้ำเงินรอยัล คือ #4169E1 ใน RGB คือ rgb(65, 105, 225) ใน HSL คือ hsl(225, 73%, 57%) และใน CMYK คือ 71, 53, 0, 12

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

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

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

น้ำเงินไฟฟ้า#2C75FFฟ้าอาซูร์สด#007FFFน้ำเงินหินชนวน#6A5ACDไพลิน#0F52BAโคบอลต์#0047ABน้ำเงินยีนส์#1560BD

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

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

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

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

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

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

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

สีที่เข้ากับสีน้ำเงินรอยัล: ขาว, ดำ, ทอง, เทา, เหลือง
#4169E1 · #FFFFFF · #000000 · #D4AF37 · #808080 · #FFFF00
ขาวคอนทราสต์ที่สะอาดและคมชัดดำลุคที่หรูหราและจริงจังทองเพิ่มความเงางามและบรรยากาศแห่งการเฉลิมฉลองเทาทำให้สีน้ำเงินสงบลงและดูเป็นมืออาชีพเหลืองคอนทราสต์ที่ร่าเริงแบบสปอร์ตส้มสีคู่ตรงข้ามที่สะดุดตามากน้ำตาลคาเมลทั้งอบอุ่นและหรูหราในเวลาเดียวกันชมพูคู่สีที่ทันสมัยและกล้าหาญ
วิธีจับคู่สีน้ำเงินรอยัล ในการแต่งกายและการแต่งบ้าน →

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

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

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

พาเลตที่มีสีน้ำเงินรอยัล

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

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

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

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

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

โค้ด CSS

:root {
  --royal-blue: #4169E1;
  --royal-blue-rgb: 65, 105, 225;
}
.พื้นหลัง { background-color: var(--royal-blue); }
.ตัวอักษร { color: var(--royal-blue); }

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

น้ำเงินไคลน์อเมทิสต์ม่วงราชวงศ์คอร์นฟลาวเวอร์

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

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

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

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

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

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

โค้ด HEX ของสีน้ำเงินรอยัล คือ #4169E1 ใน RGB คือ rgb(65, 105, 225) ใน HSL คือ hsl(225, 73%, 57%) และใน CMYK คือ 71, 53, 0, 12

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

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

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

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

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

เข้ากันได้ดีกับสีเหล่านี้: ขาว, ดำ, ทอง, เทา, เหลือง อย่าใส่คู่กับสีม่วงหรือสีเขียวที่สดพอ ๆ กัน เพราะจะแย่งความสนใจกัน เมื่ออยู่ข้างสีน้ำเงินกรมท่าที่คล้ายกันเกินไปก็อาจดูไม่กลมกลืน