โค้ดสี · Green · 33 เฉด
สีเขียว โค้ดสีเขียวทุกเฉด รหัสสี HEX RGB CMYK
โค้ดสีเขียวที่หน้านี้ใช้เป็นสีตัวแทนคือเขียวป่า #228B22 หรือ RGB 34, 139, 34 ซึ่งเป็นชื่อสีมาตรฐาน CSS forestgreen และหน้านี้รวมสีเขียวไว้ 33 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที
- HEX
-
#228B22 - RGB
-
34, 139, 34 - CMYK
-
76, 0, 76, 45 - HSL
-
120°, 61%, 34%
เขียวเป็นตระกูลสีที่กว้างที่สุดตระกูลหนึ่ง มีตั้งแต่เขียวมะนาวสด เขียวใบไม้ เขียวมรกต ไปจนถึงเขียวขี้ม้าและเขียวหัวเป็ด หน้านี้รวมไว้ครบพร้อมชื่อไทยที่ใช้กันจริง
โค้ดสีเขียวทั้ง 33 เฉด
ด้านล่างคือสีเขียวทั้ง 33 เฉด เรียงจากอ่อนไปเข้ม แต่ละเฉดมีค่า HEX, RGB, CMYK และ HSL ให้แตะคัดลอกได้ทีละค่า เฉดที่มีป้าย "มาตรฐาน CSS" (23 เฉด) ใช้ค่าตามตารางชื่อสีมาตรฐานของ W3C พิมพ์ชื่อสีนั้นในโค้ด CSS ได้ตรง ๆ ส่วนเฉดที่มีป้าย "ค่าที่นิยมใช้" (10 เฉด) เป็นค่าที่ ThaiGraph เลือกให้ตรงกับชื่อเรียกที่คนไทยใช้ ไม่ใช่ค่ามาตรฐาน และแต่ละคนอาจเรียกสีเดียวกันต่างกันได้เล็กน้อย ความต่างของเฉดอ่อน เฉดเข้ม และโทนหม่น อธิบายไว้ที่ เฉดสีและโทนสี
- #AAF0D1
เขียว
มิ้นท์ อ่อน Light mint
ค่าที่นิยมใช้
- HEX
-
#AAF0D1 - RGB
-
170, 240, 209 - CMYK
-
29, 0, 13, 6 - HSL
-
153°, 70%, 80%
- #98FB98
เขียว
ซีด Pale green
มาตรฐาน CSS
palegreen- HEX
-
#98FB98 - RGB
-
152, 251, 152 - CMYK
-
39, 0, 39, 2 - HSL
-
120°, 93%, 79%
- #90EE90
เขียว
อ่อน Light green
มาตรฐาน CSS
lightgreen- HEX
-
#90EE90 - RGB
-
144, 238, 144 - CMYK
-
39, 0, 39, 7 - HSL
-
120°, 73%, 75%
- #8FC1B5
เขียว
ไข่กา Celadon blue green
ค่าที่นิยมใช้
- HEX
-
#8FC1B5 - RGB
-
143, 193, 181 - CMYK
-
26, 0, 6, 24 - HSL
-
166°, 29%, 66%
- #8FBC8F
เขียว
ทะเล เข้ม Dark sea green
มาตรฐาน CSS
darkseagreen- HEX
-
#8FBC8F - RGB
-
143, 188, 143 - CMYK
-
24, 0, 24, 26 - HSL
-
120°, 25%, 65%
- #9CAF88
เขียว
เซจ Sage
ค่าที่นิยมใช้
- HEX
-
#9CAF88 - RGB
-
156, 175, 136 - CMYK
-
11, 0, 22, 31 - HSL
-
89°, 20%, 61%
- #66CDAA
เขียว
อะความารีน กลาง Medium aquamarine
มาตรฐาน CSS
mediumaquamarine- HEX
-
#66CDAA - RGB
-
102, 205, 170 - CMYK
-
50, 0, 17, 20 - HSL
-
160°, 51%, 60%
- #ADFF2F
เขียว
อม เหลือง Green yellow
มาตรฐาน CSS
greenyellow- HEX
-
#ADFF2F - RGB
-
173, 255, 47 - CMYK
-
32, 0, 82, 0 - HSL
-
84°, 100%, 59%
- #50C878
เขียว
มรกต Emerald
ค่าที่นิยมใช้
- HEX
-
#50C878 - RGB
-
80, 200, 120 - CMYK
-
60, 0, 40, 22 - HSL
-
140°, 52%, 55%
- #9ACD32
เหลือง
อม เขียว Yellow green
มาตรฐาน CSS
yellowgreen- HEX
-
#9ACD32 - RGB
-
154, 205, 50 - CMYK
-
25, 0, 76, 20 - HSL
-
80°, 61%, 50%
- #7FFF00
เขียว
ชาร์ทรูส Chartreuse
มาตรฐาน CSS
chartreuse- HEX
-
#7FFF00 - RGB
-
127, 255, 0 - CMYK
-
50, 0, 100, 0 - HSL
-
90°, 100%, 50%
- #00FF00
เขียว
มะนาว Lime
มาตรฐาน CSS
lime- HEX
-
#00FF00 - RGB
-
0, 255, 0 - CMYK
-
100, 0, 100, 0 - HSL
-
120°, 100%, 50%
- #32CD32
เขียว
มะนาว กลาง Lime green
มาตรฐาน CSS
limegreen- HEX
-
#32CD32 - RGB
-
50, 205, 50 - CMYK
-
76, 0, 76, 20 - HSL
-
120°, 61%, 50%
- #00FF7F
เขียว
สปริง Spring green
มาตรฐาน CSS
springgreen- HEX
-
#00FF7F - RGB
-
0, 255, 127 - CMYK
-
100, 0, 50, 0 - HSL
-
150°, 100%, 50%
- #7CFC00
เขียว
สนามหญ้า Lawn green
มาตรฐาน CSS
lawngreen- HEX
-
#7CFC00 - RGB
-
124, 252, 0 - CMYK
-
51, 0, 100, 1 - HSL
-
90°, 100%, 49%
- #00FA9A
เขียว
สปริง กลาง Medium spring green
มาตรฐาน CSS
mediumspringgreen- HEX
-
#00FA9A - RGB
-
0, 250, 154 - CMYK
-
100, 0, 38, 2 - HSL
-
157°, 100%, 49%
- #3CB371
เขียว
ทะเล กลาง Medium sea green
มาตรฐาน CSS
mediumseagreen- HEX
-
#3CB371 - RGB
-
60, 179, 113 - CMYK
-
66, 0, 37, 30 - HSL
-
147°, 50%, 47%
- #3EB489
เขียว
มิ้นท์ Mint
ค่าที่นิยมใช้
- HEX
-
#3EB489 - RGB
-
62, 180, 137 - CMYK
-
66, 0, 24, 29 - HSL
-
158°, 49%, 47%
- #20B2AA
เขียว
ทะเล อ่อน Light sea green
มาตรฐาน CSS
lightseagreen- HEX
-
#20B2AA - RGB
-
32, 178, 170 - CMYK
-
82, 0, 4, 30 - HSL
-
177°, 70%, 41%
- #5E8C31
เขียว
ใบตอง Banana leaf green
ค่าที่นิยมใช้
- HEX
-
#5E8C31 - RGB
-
94, 140, 49 - CMYK
-
33, 0, 65, 45 - HSL
-
90°, 48%, 37%
- #2E8B57
เขียว
ทะเล Sea green
มาตรฐาน CSS
seagreen- HEX
-
#2E8B57 - RGB
-
46, 139, 87 - CMYK
-
67, 0, 37, 45 - HSL
-
146°, 50%, 36%
- #6B8E23
เขียว
มะกอก อ่อน Olive drab
มาตรฐาน CSS
olivedrab- HEX
-
#6B8E23 - RGB
-
107, 142, 35 - CMYK
-
25, 0, 75, 44 - HSL
-
80°, 60%, 35%
- #228B22
เขียว
ป่า Forest green
มาตรฐาน CSS
forestgreen- HEX
-
#228B22 - RGB
-
34, 139, 34 - CMYK
-
76, 0, 76, 45 - HSL
-
120°, 61%, 34%
- #00A86B
เขียว
หยก Jade
ค่าที่นิยมใช้
- HEX
-
#00A86B - RGB
-
0, 168, 107 - CMYK
-
100, 0, 36, 34 - HSL
-
158°, 100%, 33%
- #556B2F
เขียว
มะกอก เข้ม Dark olive green
มาตรฐาน CSS
darkolivegreen- HEX
-
#556B2F - RGB
-
85, 107, 47 - CMYK
-
21, 0, 56, 58 - HSL
-
82°, 39%, 30%
- #008B8B
เขียว
ไซแอน เข้ม Dark cyan
มาตรฐาน CSS
darkcyan- HEX
-
#008B8B - RGB
-
0, 139, 139 - CMYK
-
100, 0, 0, 45 - HSL
-
180°, 100%, 27%
- #808000
เขียว
มะกอก Olive
มาตรฐาน CSS
olive- HEX
-
#808000 - RGB
-
128, 128, 0 - CMYK
-
0, 0, 100, 50 - HSL
-
60°, 100%, 25%
- #008000
เขียว
Green
มาตรฐาน CSS
green- HEX
-
#008000 - RGB
-
0, 128, 0 - CMYK
-
100, 0, 100, 50 - HSL
-
120°, 100%, 25%
- #008080
เขียว
หัวเป็ด อ่อน Teal
มาตรฐาน CSS
teal- HEX
-
#008080 - RGB
-
0, 128, 128 - CMYK
-
100, 0, 0, 50 - HSL
-
180°, 100%, 25%
- #4B5320
เขียว
ขี้ม้า Army green
ค่าที่นิยมใช้
- HEX
-
#4B5320 - RGB
-
75, 83, 32 - CMYK
-
10, 0, 61, 67 - HSL
-
69°, 44%, 23%
- #006A4E
เขียว
ขวด Bottle green
ค่าที่นิยมใช้
- HEX
-
#006A4E - RGB
-
0, 106, 78 - CMYK
-
100, 0, 26, 58 - HSL
-
164°, 100%, 21%
- #00686B
เขียว
หัวเป็ด Duck green
ค่าที่นิยมใช้
- HEX
-
#00686B - RGB
-
0, 104, 107 - CMYK
-
100, 3, 0, 58 - HSL
-
182°, 100%, 21%
- #006400
เขียว
เข้ม Dark green
มาตรฐาน CSS
darkgreen- HEX
-
#006400 - RGB
-
0, 100, 0 - CMYK
-
100, 0, 100, 61 - HSL
-
120°, 100%, 20%
ค่า CMYK ในหน้านี้คำนวณจากค่าสีบนจอด้วยสูตรแปลงพื้นฐาน ใช้เป็นจุดตั้งต้นได้ดี แต่สีที่พิมพ์ออกมาจริงขึ้นกับกระดาษ หมึก และโปรไฟล์สีของโรงพิมพ์ งานที่สีต้องตรงควรขอปรู๊ฟก่อนเสมอ ความต่างของ RGB กับ CMYK อ่านต่อได้ที่ CMYK กับ RGB ต่างกันอย่างไร
พาเล็ตต์สีเขียวพร้อมใช้
พาเล็ตต์ 4 ชุดนี้จับคู่สีเขียวกับสีพื้น สีตัวหนังสือ และสีเน้นไว้ให้แล้ว แตะสีใดก็ได้เพื่อคัดลอกโค้ดทีละสี หรือกด "คัดลอกทั้งชุด" เพื่อเอาไปวางทีเดียวครบ 5 สี ลำดับสีในแต่ละชุดไม่ได้บังคับ ลองสลับว่าสีไหนเป็นพื้นหลังและสีไหนเป็นตัวหนังสือ แล้วตรวจความอ่านง่ายด้วยตารางค่าคอนทราสต์ด้านล่าง หรือแปลงค่าเป็นรูปแบบอื่นด้วย เครื่องมือแปลงโค้ดสี
-
ป่าเขตร้อน
#006A4E#228B22#5E8C31#C5E1A5#F6F8EF -
เขียวกับทอง
#0B3D2E#006400#C9A54C#F3EBD8#1A1A1A -
มิ้นท์สดชื่น
#3EB489#AAF0D1#F8C8DC#FFFFFF#2F4F4F -
แคมปิ้ง
#4B5320#9CAF88#B5702D#EADFC8#2B2B2B
สีเขียวเข้ากับสีอะไร
สีที่ตัดกับเขียวป่าได้ชัดที่สุดคือสีตรงข้ามบนวงจรสี #8B228B (ใกล้เคียงม่วง) ส่วนสีที่กลมกลืนที่สุดคือสีข้างเคียง #578B22 และ #228B57 ทุกค่าด้านล่างคำนวณจากเขียวป่า #228B22 ด้วยการหมุนค่าเฉดสี (Hue) ในระบบ HSL โดยคงความสด (Saturation) และความสว่าง (Lightness) ไว้เท่าเดิม ชื่อที่กำกับใต้สีคือเฉดในคลังที่ดูใกล้เคียงที่สุด ถ้าไม่มีเฉดไหนใกล้พอจะแสดงเพียงองศาที่หมุน หลักการของแต่ละแบบอ่านต่อได้ที่ สีคู่ตรงข้าม และ วงจรสี
-
คู่ตรงข้าม Complementary · +180°
ตัดกันแรงที่สุด ใช้สีหนึ่งเป็นสีหลักและให้อีกสีเป็นจุดเน้นเล็ก ๆ เช่น ปุ่มหรือหัวข้อ
#228B22เขียว
ป่า สีตั้งต้น#8B228Bใกล้ ม่วง +180°
-
สีข้างเคียง Analogous · -30° / +30°
กลมกลืนและสบายตา เหมาะกับพื้นหลัง ภาพประกอบ และงานที่ต้องการอารมณ์เดียวกันทั้งหน้า
-
สามเส้า Triadic · +120° / +240°
สดใสและสมดุล ควรให้สีหนึ่งเด่นที่สุด แล้วใช้อีกสองสีเป็นสีรองในพื้นที่เล็กกว่า
-
คู่ตรงข้ามแยก Split complementary · +150° / +210°
ตัดกันชัดแต่ไม่แรงเท่าคู่ตรงข้าม จับคู่ง่ายกว่าและพลาดยากกว่า
ตัวหนังสือบนสีเขียวควรเป็นสีอะไร
บนเขียวป่า #228B22 ตัวหนังสือสีดำอ่านง่ายกว่า ได้ค่าคอนทราสต์ 4.78:1 ส่วนตัวหนังสือสีขาวได้ 4.38:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีเขียวอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก
| เฉด | ตัวหนังสือขาว | ตัวหนังสือดำ |
|---|---|---|
| เขียว | 1.30:1 ไม่ผ่าน | 16.09:1 ผ่าน · แนะนำ |
| เขียว | 2.15:1 ไม่ผ่าน | 9.75:1 ผ่าน · แนะนำ |
| เขียว | 2.12:1 ไม่ผ่าน | 9.87:1 ผ่าน · แนะนำ |
| เขียว | 2.11:1 ไม่ผ่าน | 9.91:1 ผ่าน · แนะนำ |
| เขียว | 2.66:1 ไม่ผ่าน | 7.87:1 ผ่าน · แนะนำ |
| เขียว | 4.24:1 ผ่านเฉพาะตัวใหญ่ | 4.94:1 ผ่าน · แนะนำ |
| เขียว | 4.38:1 ผ่านเฉพาะตัวใหญ่ | 4.78:1 ผ่าน · แนะนำ |
| เขียว | 5.94:1 ผ่าน · แนะนำ | 3.53:1 ผ่านเฉพาะตัวใหญ่ |
| เขียว | 4.77:1 ผ่าน · แนะนำ | 4.39:1 ผ่านเฉพาะตัวใหญ่ |
สีเขียวให้ความรู้สึกแบบไหน
พจนานุกรมฉบับราชบัณฑิตยสถานให้ความหมายของคำว่า "เขียว" ในฐานะชื่อสีว่า "มีสีอย่างสีใบไม้สด, บางทีหมายถึงเขียวครามด้วย" ซึ่งเป็นนิยามที่ใช้อ้างอิงได้เมื่อต้องอธิบายสีนี้เป็นภาษาไทย
- เขียวขี้ม้า "สีกากีแกมเขียว"
- เขียวไข่กา "มีสีอย่างสีเขียวปนครามอ่อน ๆ"
เขียวสดและเขียวใบไม้สื่อถึงธรรมชาติ ความสดใหม่ และสุขภาพ จึงเห็นบ่อยในงานอาหารออร์แกนิก ร้านต้นไม้ และงานสิ่งแวดล้อม เขียวเข้มอย่างเขียวป่าหรือเขียวขวดดูหรูและมั่นคง เหมาะกับแบรนด์ระดับพรีเมียม
เขียวอมเทาอย่างเขียวเซจและเขียวมอส รวมถึงเขียวขี้ม้า เป็นเขียวที่อยู่ในกลุ่มเอิร์ธโทน ใช้คู่กับครีมและน้ำตาลได้กลมกลืน ส่วนเขียวมิ้นท์และเขียวพาสเทลให้ความรู้สึกเย็นสบาย เหมาะกับงานขนมและเครื่องดื่ม
ความหมายของสีในวัฒนธรรมไทย เช่น สีกับงานมงคลและงานพิธี อ่านต่อได้ที่ จิตวิทยาสีไทย
เคล็ดลับใช้สีเขียวในงานออกแบบ
หลักง่าย ๆ คือให้สีเขียวมีบทบาทเดียวในงาน จะเป็นสีหลัก สีพื้น หรือสีเน้นก็ได้ แล้วเลือกสีอื่นมารับบทที่เหลือให้ชัดเจน เคล็ดลับด้านล่างใช้ได้ทั้งงานพิมพ์และงานบนจอ
- เขียวสดจัดอย่าง #00FF00 แทบไม่เคยใช้ตรง ๆ ในงานจริง ให้เลือกเขียวที่ลดความสดลง เช่น เขียวป่าหรือเขียวมรกต
- เขียวเข้มคู่กับทองหรือครีมให้ภาพหรูแบบคลาสสิก
- เขียวมิ้นท์คู่กับชมพูพาสเทลหรือเทาอ่อนดูสดชื่นและทันสมัย
- เขียวขี้ม้าคู่กับน้ำตาลคาราเมลและครีมให้อารมณ์เอาท์ดอร์และแคมปิ้ง
วิธีนำโค้ดสีเขียวไปใช้
แตะค่า HEX ในตารางเพื่อคัดลอก แล้ววางในช่องรหัสสีของโปรแกรมได้ทันที ใช้ได้ทั้ง Canva, Figma, Photoshop และ Illustrator ส่วน Microsoft Word ให้ไปที่ More Colors แล้ววางค่า HEX ในช่อง Hex ของแท็บ Custom (Word รุ่นเก่าที่ไม่มีช่องนี้ให้ใส่ค่า RGB แทน) ขั้นตอนของแต่ละโปรแกรมอยู่ที่ หน้ารวมโค้ดสี ถ้ามีโค้ดสีในรูปแบบอื่นอยู่แล้ว เช่น CMYK จากโรงพิมพ์ แปลงกลับเป็น HEX ได้ที่ เครื่องมือแปลงโค้ดสี
โค้ดสีตระกูลอื่น
ThaiGraph รวมโค้ดสีไว้ 19 ตระกูล รวม 450 เฉด เลือกตระกูลที่ต้องการด้านล่าง หรือดูทุกเฉดในหน้าเดียวพร้อมช่องค้นหาที่ รวมโค้ดสี ส่วนสีไทยโบราณอยู่ที่ สีไทย Thaitone
ตรวจสอบข้อมูลเมื่อ November 2026
แหล่งอ้างอิง
- ค่า HEX ของเฉดที่มีป้าย "มาตรฐาน CSS" ทั้ง 23 เฉด (เช่น green = #008000) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (accessed Nov 3, 2026)
- ความหมายของคำว่า "เขียว ๒": "มีสีอย่างสีใบไม้สด, บางทีหมายถึงเขียวครามด้วย"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
- ความหมายของคำว่า "เขียวขี้ม้า": "สีกากีแกมเขียว"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
- ความหมายของคำว่า "เขียวไข่กา": "มีสีอย่างสีเขียวปนครามอ่อน ๆ"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
- โค้ด HEX 6 หลักคือค่าแดง เขียว และน้ำเงิน คู่ละ 2 หลัก ในระบบเลขฐานสิบหก—W3C, CSS Color Module Level 4 — §5.2 The RGB Hexadecimal Notations (accessed Nov 3, 2026)
- เกณฑ์คอนทราสต์ขั้นต่ำ 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา)—W3C, Understanding WCAG 2.2 — Success Criterion 1.4.3 Contrast (Minimum) (accessed Nov 3, 2026)