พาเลตสี

สีเขียวน้ำทะเล

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

ชื่ออื่น: sea green, เขียวอมฟ้า

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

โค้ด HEX ของสีเขียวน้ำทะเล คือ #2E8B57 ใน RGB คือ rgb(46, 139, 87) ใน HSL คือ hsl(146, 50%, 36%) และใน CMYK คือ 67, 0, 37, 45

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

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

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

หยก#00A86B เฟิร์น#4F7942 เขียวเม็กซิโก#006847 เขียวขวด#006A4E วิริเดียน#40826D เขียวนายพราน#355E3B

สีเขียวน้ำทะเล โดยสรุป

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

ตัวอย่างสีเขียวน้ำทะเล พร้อมเฉดจากอ่อนไปเข้ม · #2E8B57 — เขียวน้ำทะเล · #2E8B57

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

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

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

ความกลมกลืนของสีเขียวน้ำทะเล

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

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

สีใกล้เคียงใกล้เคียง: เขียวป่า, ไซแอนเข้ม

สามเส้าใกล้เคียง: ม่วงราชวงศ์, น้ำตาลอมแดง

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

สี่เส้าใกล้เคียง: น้ำเงินเที่ยงคืน, ชมพูแก่, มะกอก

พาเลตที่มีสีเขียวน้ำทะเล

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

พาเลต: โมโนโครม · เขียวน้ำทะเล

พาเลต: สีใกล้เคียง · เขียวน้ำทะเล

พาเลต: สีตรงข้าม · เขียวน้ำทะเล

พาเลต: สามเส้า · เขียวน้ำทะเล

พาเลต: กับสีกลาง · เขียวน้ำทะเล

พาเลต: มีสีเน้น · เขียวน้ำทะเล

คอนทราสต์ของสีเขียวน้ำทะเล กับตัวอักษร

ตัวอักษรสีขาวคอนทราสต์ 4.2:1 · AA ตัวอักษรขนาดใหญ่

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

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

โค้ด CSS

:root {
  --sea-green: #2E8B57;
  --sea-green-rgb: 46, 139, 87;
}
.พื้นหลัง { background-color: var(--sea-green); }
.ตัวอักษร { color: var(--sea-green); }

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

เขียวต้นสน มะกอกแก่มรกต เขียวป่า

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

ตัวอย่างสีเขียวน้ำทะเล พร้อมเฉดจากอ่อนไปเข้ม · #2E8B57

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

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

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

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

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

โค้ด HEX ของสีเขียวน้ำทะเล คือ #2E8B57 ใน RGB คือ rgb(46, 139, 87) ใน HSL คือ hsl(146, 50%, 36%) และใน CMYK คือ 67, 0, 37, 45

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

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

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

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