พาเลตสี

สีเขียวสปริง

สีเขียวสว่างและสดชื่นที่อมน้ำเงินเล็กน้อย เหมือนใบไม้ผลิใหม่ในฤดูใบไม้ผลิ เป็นหนึ่งในสีมาตรฐานของ HTML และ CSS โดดเด่นบนเว็บไซต์ วิดีโอเกม และกราฟิกที่มีพลัง

ชื่ออื่น: spring green, เขียวสดชื่น

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

โค้ด HEX ของสีเขียวสปริง คือ #00FF7F ใน RGB คือ rgb(0, 255, 127) ใน HSL คือ hsl(150, 100%, 50%) และใน CMYK คือ 100, 0, 50, 0

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

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

สีที่คล้ายกับสีเขียวสปริง

มิ้นต์#98FF98 เขียวพาสเทล#77DD77 เขียวอ่อน#90EE90 เขียวเคลลี#4CBB17 มรกต#50C878 เขียวนีออน#39FF14

สีเขียวสปริง โดยสรุป

สีเขียวสปริง (#00FF7F) เป็นสีก้ำกึ่งระหว่างโทนอุ่นและโทนเย็น มีความสว่างปานกลาง และอิ่มสีมาก อยู่ในกลุ่มเฉดสีเขียว ประกอบด้วยสีแดง 0 ส่วน สีเขียว 255 ส่วน และสีน้ำเงิน 127 ส่วน (จาก 255) การใช้งานทั่วไป: เว็บ, วิดีโอเกม, กราฟิกดีไซน์

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

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

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

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

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

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

สีตรงข้ามใกล้เคียง: ชมพูจัด

สีใกล้เคียงใกล้เคียง: เขียวนีออน, อาซูร์

สามเส้าใกล้เคียง: ม่วง, ส้ม

สีตรงข้ามแบบแยกใกล้เคียง: มาเจนตา, แดง

สี่เส้าใกล้เคียง: น้ำเงิน, ชมพูจัด, เหลือง

พาเลตที่มีสีเขียวสปริง

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

พาเลต: โมโนโครม · เขียวสปริง

พาเลต: สีใกล้เคียง · เขียวสปริง

พาเลต: สีตรงข้าม · เขียวสปริง

พาเลต: สามเส้า · เขียวสปริง

พาเลต: กับสีกลาง · เขียวสปริง

พาเลต: มีสีเน้น · เขียวสปริง

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

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

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

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

โค้ด CSS

:root {
  --spring-green: #00FF7F;
  --spring-green-rgb: 0, 255, 127;
}
.พื้นหลัง { background-color: var(--spring-green); }
.ตัวอักษร { color: var(--spring-green); }

สีที่คล้ายกับสีเขียวสปริง

เขียวสนามหญ้า ชาร์ทรูส หยก เขียวป่า

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

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

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

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

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

สีเขียวสปริง มีโค้ดอะไร

โค้ด HEX ของสีเขียวสปริง คือ #00FF7F ใน RGB คือ rgb(0, 255, 127) ใน HSL คือ hsl(150, 100%, 50%) และใน CMYK คือ 100, 0, 50, 0

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

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

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

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