พาเลตสี

สีฟ้าอ่อน

สีฟ้านุ่มนวลและสดใส ใน CSS เรียกว่า lightblue สงบและสะอาดตา ใช้กับพื้นหลัง เสื้อผ้าหน้าร้อน และพื้นที่ที่ต้องการให้ดูโปร่งสบาย

ชื่ออื่น: lightblue

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

โค้ด HEX ของสีฟ้าอ่อน คือ #ADD8E6 ใน RGB คือ rgb(173, 216, 230) ใน HSL คือ hsl(195, 53%, 79%) และใน CMYK คือ 25, 6, 0, 10

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

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

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

ฟ้าแป้ง#B0E0E6 ฟ้าพาสเทล#AEC6CF ฟ้า#87CEEB เทอร์ควอยซ์พาสเทล#AFEEEE ฟ้าเบบี้#89CFF0 เทาอ่อน#D3D3D3

สีฟ้าอ่อน โดยสรุป

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

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

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

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

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

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

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

สีตรงข้ามใกล้เคียง: ทรายทะเลทราย

สีใกล้เคียงใกล้เคียง: เทอร์ควอยซ์พาสเทล, เพอริวิงเคิล

สามเส้าใกล้เคียง: ไลแลค, วานิลลา

สีตรงข้ามแบบแยกใกล้เคียง: ชมพูแป้ง, ข้าวสาลี

สี่เส้าใกล้เคียง: วิสทีเรีย, ทรายทะเลทราย, เซลาดอน

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

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

พาเลต: โมโนโครม · ฟ้าอ่อน

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

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

พาเลต: สามเส้า · ฟ้าอ่อน

พาเลต: กับสีกลาง · ฟ้าอ่อน

พาเลต: มีสีเน้น · ฟ้าอ่อน

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

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

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

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

โค้ด CSS

:root {
  --light-blue: #ADD8E6;
  --light-blue-rgb: 173, 216, 230;
}
.พื้นหลัง { background-color: var(--light-blue); }
.ตัวอักษร { color: var(--light-blue); }

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

ฟ้าไข่เป็ด เทาไข่มุก เงิน เทาเถ้า

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

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

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

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

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

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

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

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

โค้ด HEX ของสีฟ้าอ่อน คือ #ADD8E6 ใน RGB คือ rgb(173, 216, 230) ใน HSL คือ hsl(195, 53%, 79%) และใน CMYK คือ 25, 6, 0, 10

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

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

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

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