ข้ามไปยังเนื้อหา

โค้ดสี · Green · 33 เฉด

สีเขียว โค้ดสีเขียวทุกเฉด รหัสสี HEX RGB CMYK

โค้ดสีเขียวที่หน้านี้ใช้เป็นสีตัวแทนคือเขียวป่า #228B22 หรือ RGB 34, 139, 34 ซึ่งเป็นชื่อสีมาตรฐาน CSS forestgreen และหน้านี้รวมสีเขียวไว้ 33 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที

เขียวป่า Forest green
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

    มาตรฐาน CSSpalegreen

    HEX
    #98FB98
    RGB
    152, 251, 152
    CMYK
    39, 0, 39, 2
    HSL
    120°, 93%, 79%
  • #90EE90

    เขียวอ่อน

    Light green

    มาตรฐาน CSSlightgreen

    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

    มาตรฐาน CSSdarkseagreen

    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

    มาตรฐาน CSSmediumaquamarine

    HEX
    #66CDAA
    RGB
    102, 205, 170
    CMYK
    50, 0, 17, 20
    HSL
    160°, 51%, 60%
  • #ADFF2F

    เขียวอมเหลือง

    Green yellow

    มาตรฐาน CSSgreenyellow

    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

    มาตรฐาน CSSyellowgreen

    HEX
    #9ACD32
    RGB
    154, 205, 50
    CMYK
    25, 0, 76, 20
    HSL
    80°, 61%, 50%
  • #7FFF00

    เขียวชาร์ทรูส

    Chartreuse

    มาตรฐาน CSSchartreuse

    HEX
    #7FFF00
    RGB
    127, 255, 0
    CMYK
    50, 0, 100, 0
    HSL
    90°, 100%, 50%
  • #00FF00

    เขียวมะนาว

    Lime

    มาตรฐาน CSSlime

    HEX
    #00FF00
    RGB
    0, 255, 0
    CMYK
    100, 0, 100, 0
    HSL
    120°, 100%, 50%
  • #32CD32

    เขียวมะนาวกลาง

    Lime green

    มาตรฐาน CSSlimegreen

    HEX
    #32CD32
    RGB
    50, 205, 50
    CMYK
    76, 0, 76, 20
    HSL
    120°, 61%, 50%
  • #00FF7F

    เขียวสปริง

    Spring green

    มาตรฐาน CSSspringgreen

    HEX
    #00FF7F
    RGB
    0, 255, 127
    CMYK
    100, 0, 50, 0
    HSL
    150°, 100%, 50%
  • #7CFC00

    เขียวสนามหญ้า

    Lawn green

    มาตรฐาน CSSlawngreen

    HEX
    #7CFC00
    RGB
    124, 252, 0
    CMYK
    51, 0, 100, 1
    HSL
    90°, 100%, 49%
  • #00FA9A

    เขียวสปริงกลาง

    Medium spring green

    มาตรฐาน CSSmediumspringgreen

    HEX
    #00FA9A
    RGB
    0, 250, 154
    CMYK
    100, 0, 38, 2
    HSL
    157°, 100%, 49%
  • #3CB371

    เขียวทะเลกลาง

    Medium sea green

    มาตรฐาน CSSmediumseagreen

    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

    มาตรฐาน CSSlightseagreen

    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

    มาตรฐาน CSSseagreen

    HEX
    #2E8B57
    RGB
    46, 139, 87
    CMYK
    67, 0, 37, 45
    HSL
    146°, 50%, 36%
  • #6B8E23

    เขียวมะกอกอ่อน

    Olive drab

    มาตรฐาน CSSolivedrab

    HEX
    #6B8E23
    RGB
    107, 142, 35
    CMYK
    25, 0, 75, 44
    HSL
    80°, 60%, 35%
  • #228B22

    เขียวป่า

    Forest green

    มาตรฐาน CSSforestgreen

    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

    มาตรฐาน CSSdarkolivegreen

    HEX
    #556B2F
    RGB
    85, 107, 47
    CMYK
    21, 0, 56, 58
    HSL
    82°, 39%, 30%
  • #008B8B

    เขียวไซแอนเข้ม

    Dark cyan

    มาตรฐาน CSSdarkcyan

    HEX
    #008B8B
    RGB
    0, 139, 139
    CMYK
    100, 0, 0, 45
    HSL
    180°, 100%, 27%
  • #808000

    เขียวมะกอก

    Olive

    มาตรฐาน CSSolive

    HEX
    #808000
    RGB
    128, 128, 0
    CMYK
    0, 0, 100, 50
    HSL
    60°, 100%, 25%
  • #008000

    เขียว

    Green

    มาตรฐาน CSSgreen

    HEX
    #008000
    RGB
    0, 128, 0
    CMYK
    100, 0, 100, 50
    HSL
    120°, 100%, 25%
  • #008080

    เขียวหัวเป็ดอ่อน

    Teal

    มาตรฐาน CSSteal

    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

    มาตรฐาน CSSdarkgreen

    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°

    กลมกลืนและสบายตา เหมาะกับพื้นหลัง ภาพประกอบ และงานที่ต้องการอารมณ์เดียวกันทั้งหน้า

    #228B22

    เขียวป่า สีตั้งต้น

  • สามเส้า Triadic · +120° / +240°

    สดใสและสมดุล ควรให้สีหนึ่งเด่นที่สุด แล้วใช้อีกสองสีเป็นสีรองในพื้นที่เล็กกว่า

    #228B22

    เขียวป่า สีตั้งต้น

    #22228B

    ไม่มีชื่อเฉดในคลัง +120°

  • คู่ตรงข้ามแยก Split complementary · +150° / +210°

    ตัดกันชัดแต่ไม่แรงเท่าคู่ตรงข้าม จับคู่ง่ายกว่าและพลาดยากกว่า

    #228B22

    เขียวป่า สีตั้งต้น

    #8B2257

    ไม่มีชื่อเฉดในคลัง +210°

ตัวหนังสือบนสีเขียวควรเป็นสีอะไร

บนเขียวป่า #228B22 ตัวหนังสือสีดำอ่านง่ายกว่า ได้ค่าคอนทราสต์ 4.78:1 ส่วนตัวหนังสือสีขาวได้ 4.38:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีเขียวอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก

ตัวหนังสือสีขาว Aa 4.38:1 · ผ่านเฉพาะตัวใหญ่
ตัวหนังสือสีดำ Aa 4.78:1 · ผ่าน
เฉดตัวหนังสือขาวตัวหนังสือดำ
เขียวมิ้นท์อ่อน#AAF0D1 1.30:1 ไม่ผ่าน 16.09:1 ผ่าน · แนะนำ
เขียวทะเลเข้ม#8FBC8F 2.15:1 ไม่ผ่าน 9.75:1 ผ่าน · แนะนำ
เขียวมรกต#50C878 2.12:1 ไม่ผ่าน 9.87:1 ผ่าน · แนะนำ
เขียวมะนาวกลาง#32CD32 2.11:1 ไม่ผ่าน 9.91:1 ผ่าน · แนะนำ
เขียวทะเลกลาง#3CB371 2.66:1 ไม่ผ่าน 7.87:1 ผ่าน · แนะนำ
เขียวทะเล#2E8B57 4.24:1 ผ่านเฉพาะตัวใหญ่ 4.94:1 ผ่าน · แนะนำ
เขียวป่า#228B22 4.38:1 ผ่านเฉพาะตัวใหญ่ 4.78:1 ผ่าน · แนะนำ
เขียวมะกอกเข้ม#556B2F 5.94:1 ผ่าน · แนะนำ 3.53:1 ผ่านเฉพาะตัวใหญ่
เขียวหัวเป็ดอ่อน#008080 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

แหล่งอ้างอิง

  1. ค่า HEX ของเฉดที่มีป้าย "มาตรฐาน CSS" ทั้ง 23 เฉด (เช่น green = #008000) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (accessed Nov 3, 2026)
  2. ความหมายของคำว่า "เขียว ๒": "มีสีอย่างสีใบไม้สด, บางทีหมายถึงเขียวครามด้วย"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
  3. ความหมายของคำว่า "เขียวขี้ม้า": "สีกากีแกมเขียว"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
  4. ความหมายของคำว่า "เขียวไข่กา": "มีสีอย่างสีเขียวปนครามอ่อน ๆ"—พจนานุกรมฉบับราชบัณฑิตยสถาน (ฉบับออนไลน์) สำนักงานราชบัณฑิตยสภา (accessed Nov 3, 2026)
  5. โค้ด HEX 6 หลักคือค่าแดง เขียว และน้ำเงิน คู่ละ 2 หลัก ในระบบเลขฐานสิบหก—W3C, CSS Color Module Level 4 — §5.2 The RGB Hexadecimal Notations (accessed Nov 3, 2026)
  6. เกณฑ์คอนทราสต์ขั้นต่ำ 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา)—W3C, Understanding WCAG 2.2 — Success Criterion 1.4.3 Contrast (Minimum) (accessed Nov 3, 2026)