พาเลตสี

สีเขียวอ่อน

สีเขียวนุ่มนวลและสดใส ใน CSS เรียกว่า lightgreen ให้ความรู้สึกสดชื่นและเป็นบวก เหมาะกับพื้นหลังข้อความแจ้งความสำเร็จและพื้นที่ที่ผ่อนคลาย

ชื่ออื่น: lightgreen

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

โค้ด HEX ของสีเขียวอ่อน คือ #90EE90 ใน RGB คือ rgb(144, 238, 144) ใน HSL คือ hsl(120, 73%, 75%) และใน CMYK คือ 39, 0, 39, 7

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

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

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

มิ้นต์#98FF98เขียวพาสเทล#77DD77มรกต#50C878พิสตาชิโอ#93C572เซลาดอน#ACE1AFอะความารีน#7FFFD4

สีเขียวอ่อน โดยสรุป

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

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

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

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

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

ความกลมกลืนของสีเขียวอ่อน

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

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

พาเลตที่มีสีเขียวอ่อน

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

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

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

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

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

โค้ด CSS

:root {
  --light-green: #90EE90;
  --light-green-rgb: 144, 238, 144;
}
.พื้นหลัง { background-color: var(--light-green); }
.ตัวอักษร { color: var(--light-green); }

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

หยกเขียวสปริงเขียวเคลลีเหลืองพาสเทล

เฉดสีเขียวอื่น ๆ

เขียวมรกตมะนาวเขียวมะกอกมิ้นต์มอสเขียวป่าหยกเขียวต้นสนเขียวแอปเปิลเสจเขียวขวดเขียวทหารเขียวนีออนพิสตาชิโอเขียวสนามหญ้าชาร์ทรูสเขียวพาสเทลเขียวแก่เขียวเม็กซิโกอะโวคาโดเซลาดอนเฟิร์นเขียวนายพราน
ตัวอย่างสีเขียวอ่อน พร้อมเฉดจากอ่อนไปเข้ม · #90EE90
ตัวอย่างสีเขียวอ่อน พร้อมเฉดจากอ่อนไปเข้ม · #90EE90

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

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

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

สีเขียวอ่อน มีโค้ดอะไร

โค้ด HEX ของสีเขียวอ่อน คือ #90EE90 ใน RGB คือ rgb(144, 238, 144) ใน HSL คือ hsl(120, 73%, 75%) และใน CMYK คือ 39, 0, 39, 7

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

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

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

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