พาเลตสี

สีคอร์นฟลาวเวอร์

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

ชื่ออื่น: ฟ้าคอร์นฟลาวเวอร์, ฟ้าดอกคอร์นฟลาวเวอร์

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

โค้ด HEX ของสีคอร์นฟลาวเวอร์ คือ #6495ED ใน RGB คือ rgb(100, 149, 237) ใน HSL คือ hsl(219, 79%, 66%) และใน CMYK คือ 58, 37, 0, 7

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

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

สีที่คล้ายกับสีคอร์นฟลาวเวอร์

น้ำเงินฝรั่งเศส#0072BB น้ำเงินยีนส์#1560BD น้ำเงินเหล็กกล้าอมเทา#4682B4 ฟ้าอาซูร์สด#007FFF น้ำเงินมหาสมุทร#005A9C น้ำเงินรอยัล#4169E1

สีคอร์นฟลาวเวอร์ โดยสรุป

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

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

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

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

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

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

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

สีตรงข้ามใกล้เคียง: น้ำตาลลูกกวาง

สีใกล้เคียงใกล้เคียง: ฟ้า, น้ำเงินหินชนวน

สามเส้าใกล้เคียง: ชมพูแก้มแดง, เขียวพาสเทล

สีตรงข้ามแบบแยกใกล้เคียง: เทอร์ราคอตตา, เหลืองเนย

สี่เส้าใกล้เคียง: ออร์คิด, น้ำตาลลูกกวาง, เขียวพาสเทล

พาเลตที่มีสีคอร์นฟลาวเวอร์

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

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

พาเลต: สีใกล้เคียง · คอร์นฟลาวเวอร์

พาเลต: สีตรงข้าม · คอร์นฟลาวเวอร์

พาเลต: สามเส้า · คอร์นฟลาวเวอร์

พาเลต: กับสีกลาง · คอร์นฟลาวเวอร์

พาเลต: มีสีเน้น · คอร์นฟลาวเวอร์

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

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

ตัวอักษรสีดำคอนทราสต์ 7.1:1 · AAA

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

โค้ด CSS

:root {
  --cornflower-blue: #6495ED;
  --cornflower-blue-rgb: 100, 149, 237;
}
.พื้นหลัง { background-color: var(--cornflower-blue); }
.ตัวอักษร { color: var(--cornflower-blue); }

สีที่คล้ายกับสีคอร์นฟลาวเวอร์

ไพลิน ฟ้าเข้มข้น ลาเวนเดอร์วิสทีเรีย

ตัวอย่างสีคอร์นฟลาวเวอร์ พร้อมเฉดจากอ่อนไปเข้ม · #6495ED

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

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

เครื่องมือฟรีทั้งหมด →

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

สีคอร์นฟลาวเวอร์ มีโค้ดอะไร

โค้ด HEX ของสีคอร์นฟลาวเวอร์ คือ #6495ED ใน RGB คือ rgb(100, 149, 237) ใน HSL คือ hsl(219, 79%, 66%) และใน CMYK คือ 58, 37, 0, 7

สีตรงข้ามของสีคอร์นฟลาวเวอร์ คือสีอะไร

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

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

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