พาเลตสี

สีเขียว

เป็นสีของพืชพรรณ ในการผสมสีวาดภาพเกิดจากสีน้ำเงินกับสีเหลือง เชื่อมโยงกับธรรมชาติ สุขภาพ และการอนุญาตให้ไปต่อ พบบ่อยในแบรนด์รักษ์โลก ธนาคาร และปุ่มยืนยัน

ชื่ออื่น: สีเขียว

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

โค้ด HEX ของสีเขียว คือ #008000 ใน RGB คือ rgb(0, 128, 0) ใน HSL คือ hsl(120, 100%, 25%) และใน CMYK คือ 100, 0, 100, 50

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

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

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

เขียวป่า#228B22 เขียวแก่#006400 อะโวคาโด#568203 เขียวเคลลี#4CBB17 หยก#00A86B เขียวน้ำทะเล#2E8B57

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

สีเขียว (#008000) เป็นสีก้ำกึ่งระหว่างโทนอุ่นและโทนเย็น โทนเข้ม และอิ่มสีมาก อยู่ในกลุ่มเฉดสีเขียว ประกอบด้วยสีแดง 0 ส่วน สีเขียว 128 ส่วน และสีน้ำเงิน 0 ส่วน (จาก 255) การใช้งานทั่วไป: โลโก้, ธรรมชาติ, เว็บ, ป้ายและสัญลักษณ์

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

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

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

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

สีที่เข้ากับสีเขียว

สีที่เข้ากับสีเขียว: ขาว, เบจ, น้ำตาลกาแฟ, น้ำเงินกรมท่า, ชมพู — #008000 · #FFFFFF · #F5F5DC · #6F4E37 · #000080 · #FFC0CB

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

วิธีจับคู่สีเขียว ในการแต่งกายและการแต่งบ้าน →

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

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

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

สีใกล้เคียงใกล้เคียง: อะโวคาโด, เขียวน้ำทะเล

สามเส้าใกล้เคียง: น้ำเงินกรมท่า, แดงทับทิมโกเมน

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

สี่เส้าใกล้เคียง: น้ำเงินมหาสมุทร, ม่วงแดง, ช็อกโกแลต

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

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

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

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

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

พาเลต: สามเส้า · เขียว

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

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

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

ตัวอักษรสีขาวคอนทราสต์ 5.1:1 · AA

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

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

โค้ด CSS

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

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

มรกต เขียวแอปเปิล เขียวพาสเทล เฟิร์น

พบสีนี้ได้ที่ไหน

เม็กซิโกธงชาติ Atlético Nacionalสโมสรฟุตบอล Starbucksแบรนด์บราซิลธงชาติ ทีมชาติเม็กซิโกสโมสรฟุตบอล WhatsAppแบรนด์อิตาลีธงชาติ Spotifyแบรนด์โปรตุเกสธงชาติ Duolingoแบรนด์โบลิเวียธงชาติ Shopifyแบรนด์

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

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

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

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

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

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

โค้ด HEX ของสีเขียว คือ #008000 ใน RGB คือ rgb(0, 128, 0) ใน HSL คือ hsl(120, 100%, 25%) และใน CMYK คือ 100, 0, 100, 50

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

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

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

ได้ คอนทราสต์กับสีขาวคือ 5.1:1 ซึ่งเพียงพอสำหรับตัวอักษรทั่วไป (WCAG AA)

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

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