พาเลตสี

สีฟ้า

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

ชื่ออื่น: ฟ้าคราม, sky blue

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

โค้ด HEX ของสีฟ้า คือ #87CEEB ใน RGB คือ rgb(135, 206, 235) ใน HSL คือ hsl(197, 71%, 73%) และใน CMYK คือ 43, 12, 0, 8

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

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

สีที่คล้ายกับสีฟ้า

ฟ้าเบบี้#89CFF0ฟ้าอ่อน#ADD8E6ฟ้าแป้ง#B0E0E6ฟ้าพาสเทล#AEC6CFเทอร์ควอยซ์พาสเทล#AFEEEEฟ้าหม่น#8C9EB1

สีฟ้า โดยสรุป

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

ตัวอย่างสีฟ้า พร้อมเฉดจากอ่อนไปเข้ม · #87CEEB
ฟ้า · #87CEEB

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

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

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

สีที่เข้ากับสีฟ้า

สีที่เข้ากับสีฟ้า: ขาว, น้ำเงินกรมท่า, เบจ, ชมพูพาวเดอร์, เทา
#87CEEB · #FFFFFF · #000080 · #F5F5DC · #E8B4B8 · #808080
ขาวคู่สีที่สะอาดตาและสดชื่นน้ำเงินกรมท่าการไล่โทนสีน้ำเงินที่หรูหราเบจพื้นฐานโทนอุ่นที่ช่วยสร้างสมดุลชมพูพาวเดอร์คู่สีพาสเทลที่หวานมากเทาลุคที่สงบและดูเป็นมืออาชีพน้ำตาลกาแฟคอนทราสต์ระหว่างความสดชื่นกับเอิร์ธโทนเหลืองพาสเทลคู่สีฤดูใบไม้ผลิคอรัลสีเน้นโทนอุ่นที่มีชีวิตชีวา
วิธีจับคู่สีฟ้า ในการแต่งกายและการแต่งบ้าน →

ความกลมกลืนของสีฟ้า

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

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

พาเลตที่มีสีฟ้า

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

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

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

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

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

โค้ด CSS

:root {
  --sky-blue: #87CEEB;
  --sky-blue-rgb: 135, 206, 235;
}
.พื้นหลัง { background-color: var(--sky-blue); }
.ตัวอักษร { color: var(--sky-blue); }

สีที่คล้ายกับสีฟ้า

ฟ้าเข้มข้นเทาอมน้ำเงินม่วงอ่อนจางฟ้าไข่เป็ด

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

พาเลตสีสำหรับบริษัทอสังหาริมทรัพย์พาเลตสีฤดูใบไม้ผลิพาเลตสีสำหรับเด็กพาเลตสีปาตาโกเนีย

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

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

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

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

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

สีฟ้า มีโค้ดอะไร

โค้ด HEX ของสีฟ้า คือ #87CEEB ใน RGB คือ rgb(135, 206, 235) ใน HSL คือ hsl(197, 71%, 73%) และใน CMYK คือ 43, 12, 0, 8

สีตรงข้ามของสีฟ้า คือสีอะไร

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

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

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

สีฟ้า เข้ากับสีอะไรบ้าง

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