โค้ดสี · Navy · 22 เฉด
สีกรมท่า โค้ดสีกรมท่า รหัสสีทุกเฉด HEX RGB CMYK
โค้ดสีกรมท่าที่หน้านี้ใช้เป็นสีตัวแทนคือกรมท่าคลาสสิก #1F2A44 หรือ RGB 31, 42, 68 และหน้านี้รวมสีกรมท่าไว้ 22 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที
- HEX
-
#1F2A44 - RGB
-
31, 42, 68 - CMYK
-
54, 38, 0, 73 - HSL
-
222°, 37%, 19%
กรมท่าคือชื่อไทยของสีน้ำเงินแก่ ตรงกับที่ภาษาอังกฤษเรียกว่า navy ใช้กันมากทั้งในเสื้อผ้าและงานองค์กร หน้านี้รวมกรมท่าตั้งแต่เฉดที่เกือบดำไปจนถึงเฉดที่อมเทาและอมม่วง
ตรวจสอบข้อมูลเมื่อ November 2026
โค้ดสีกรมท่าทั้ง 22 เฉด
ด้านล่างคือสีกรมท่าทั้ง 22 เฉด เรียงจากอ่อนไปเข้ม แต่ละเฉดมีค่า HEX, RGB, CMYK และ HSL ให้แตะคัดลอกได้ทีละค่า เฉดที่มีป้าย "มาตรฐาน CSS" (4 เฉด) ใช้ค่าตามตารางชื่อสีมาตรฐานของ W3C พิมพ์ชื่อสีนั้นในโค้ด CSS ได้ตรง ๆ ส่วนเฉดที่มีป้าย "ค่าที่นิยมใช้" (18 เฉด) เป็นค่าที่ ThaiGraph เลือกให้ตรงกับชื่อเรียกที่คนไทยใช้ ไม่ใช่ค่ามาตรฐาน และแต่ละคนอาจเรียกสีเดียวกันต่างกันได้เล็กน้อย ความต่างของเฉดอ่อน เฉดเข้ม และโทนหม่น อธิบายไว้ที่ เฉดสีและโทนสี
- #4B6A9B
กรมท่า
อ่อน Light navy
ค่าที่นิยมใช้
- HEX
-
#4B6A9B - RGB
-
75, 106, 155 - CMYK
-
52, 32, 0, 39 - HSL
-
217°, 35%, 45%
- #4A5D7E
กรมท่า
ตุ่น Dusty navy
ค่าที่นิยมใช้
- HEX
-
#4A5D7E - RGB
-
74, 93, 126 - CMYK
-
41, 26, 0, 51 - HSL
-
218°, 26%, 39%
- #483D8B
กรมท่า
อม ม่วง สเลต Dark slate blue
มาตรฐาน CSS
darkslateblue- HEX
-
#483D8B - RGB
-
72, 61, 139 - CMYK
-
48, 56, 0, 45 - HSL
-
248°, 39%, 39%
- #3D5A80
กรมท่า
ซีด Faded navy
ค่าที่นิยมใช้
- HEX
-
#3D5A80 - RGB
-
61, 90, 128 - CMYK
-
52, 30, 0, 50 - HSL
-
214°, 35%, 37%
- #2B2F77
กรมท่า
ขาบ Violet navy
ค่าที่นิยมใช้
- HEX
-
#2B2F77 - RGB
-
43, 47, 119 - CMYK
-
64, 61, 0, 53 - HSL
-
237°, 47%, 32%
- #34495E
กรมท่า
หม่น Muted navy
ค่าที่นิยมใช้
- HEX
-
#34495E - RGB
-
52, 73, 94 - CMYK
-
45, 22, 0, 63 - HSL
-
210°, 29%, 29%
- #25476A
กรมท่า
ฟ้า Steel navy
ค่าที่นิยมใช้
- HEX
-
#25476A - RGB
-
37, 71, 106 - CMYK
-
65, 33, 0, 58 - HSL
-
210°, 48%, 28%
- #1D2D6B
กรมท่า
รอยัล Royal navy
ค่าที่นิยมใช้
- HEX
-
#1D2D6B - RGB
-
29, 45, 107 - CMYK
-
73, 58, 0, 58 - HSL
-
228°, 57%, 27%
- #191970
น้ำเงิน
เที่ยงคืน Midnight blue
มาตรฐาน CSS
midnightblue- HEX
-
#191970 - RGB
-
25, 25, 112 - CMYK
-
78, 78, 0, 56 - HSL
-
240°, 64%, 27%
- #00008B
น้ำเงิน
เข้ม Dark blue
มาตรฐาน CSS
darkblue- HEX
-
#00008B - RGB
-
0, 0, 139 - CMYK
-
100, 100, 0, 45 - HSL
-
240°, 100%, 27%
- #36454F
กรมท่า
ชาร์โคล Charcoal navy
ค่าที่นิยมใช้
- HEX
-
#36454F - RGB
-
54, 69, 79 - CMYK
-
32, 13, 0, 69 - HSL
-
204°, 19%, 26%
- #002B7F
กรมท่า
สด Bright navy
ค่าที่นิยมใช้
- HEX
-
#002B7F - RGB
-
0, 43, 127 - CMYK
-
100, 66, 0, 50 - HSL
-
220°, 100%, 25%
- #000080
กรมท่า
Navy
มาตรฐาน CSS
navy- HEX
-
#000080 - RGB
-
0, 0, 128 - CMYK
-
100, 100, 0, 50 - HSL
-
240°, 100%, 25%
- #2C3E50
กรมท่า
เทา Slate navy
ค่าที่นิยมใช้
- HEX
-
#2C3E50 - RGB
-
44, 62, 80 - CMYK
-
45, 23, 0, 69 - HSL
-
210°, 29%, 24%
- #243B55
กรมท่า
ยีนส์ Denim navy
ค่าที่นิยมใช้
- HEX
-
#243B55 - RGB
-
36, 59, 85 - CMYK
-
58, 31, 0, 67 - HSL
-
212°, 40%, 24%
- #133B5C
กรมท่า
อม เขียว Teal navy
ค่าที่นิยมใช้
- HEX
-
#133B5C - RGB
-
19, 59, 92 - CMYK
-
79, 36, 0, 64 - HSL
-
207°, 66%, 22%
- #0B3954
กรมท่า
ทะเลลึก Deep sea navy
ค่าที่นิยมใช้
- HEX
-
#0B3954 - RGB
-
11, 57, 84 - CMYK
-
87, 32, 0, 67 - HSL
-
202°, 77%, 19%
- #1F2A44
กรมท่า
คลาสสิก Classic navy
ค่าที่นิยมใช้
- HEX
-
#1F2A44 - RGB
-
31, 42, 68 - CMYK
-
54, 38, 0, 73 - HSL
-
222°, 37%, 19%
- #2B1E3F
กรมท่า
อม ม่วง เข้ม Eggplant navy
ค่าที่นิยมใช้
- HEX
-
#2B1E3F - RGB
-
43, 30, 63 - CMYK
-
32, 52, 0, 75 - HSL
-
264°, 35%, 18%
- #1B263B
กรมท่า
หมึก Ink navy
ค่าที่นิยมใช้
- HEX
-
#1B263B - RGB
-
27, 38, 59 - CMYK
-
54, 36, 0, 77 - HSL
-
219°, 37%, 17%
- #0A1931
กรมท่า
เข้ม จัด Deep navy
ค่าที่นิยมใช้
- HEX
-
#0A1931 - RGB
-
10, 25, 49 - CMYK
-
80, 49, 0, 81 - HSL
-
217°, 66%, 12%
- #101828
กรมท่า
เกือบ ดำ Navy black
ค่าที่นิยมใช้
- HEX
-
#101828 - RGB
-
16, 24, 40 - CMYK
-
60, 40, 0, 84 - HSL
-
220°, 43%, 11%
ค่า CMYK ในหน้านี้คำนวณจากค่าสีบนจอด้วยสูตรแปลงพื้นฐาน ใช้เป็นจุดตั้งต้นได้ดี แต่สีที่พิมพ์ออกมาจริงขึ้นกับกระดาษ หมึก และโปรไฟล์สีของโรงพิมพ์ งานที่สีต้องตรงควรขอปรู๊ฟก่อนเสมอ ความต่างของ RGB กับ CMYK อ่านต่อได้ที่ CMYK กับ RGB ต่างกันอย่างไร
พาเล็ตต์สีกรมท่าพร้อมใช้
พาเล็ตต์ 4 ชุดนี้จับคู่สีกรมท่ากับสีพื้น สีตัวหนังสือ และสีเน้นไว้ให้แล้ว แตะสีใดก็ได้เพื่อคัดลอกโค้ดทีละสี หรือกด "คัดลอกทั้งชุด" เพื่อเอาไปวางทีเดียวครบ 5 สี ลำดับสีในแต่ละชุดไม่ได้บังคับ ลองสลับว่าสีไหนเป็นพื้นหลังและสีไหนเป็นตัวหนังสือ แล้วตรวจความอ่านง่ายด้วยตารางค่าคอนทราสต์ด้านล่าง หรือแปลงค่าเป็นรูปแบบอื่นด้วย เครื่องมือแปลงโค้ดสี
-
กรมท่ากับทอง
#1F2A44#0A1931#C9A54C#F3EBD8#FFFFFF -
ชุดนักเรียน
#1B263B#FFFFFF#D9DEE7#8A1C1C#2C3E50 -
ทะเลยามค่ำ
#0B3954#133B5C#3D5A80#98C1D9#E0FBFC -
กรมท่ากับครีม
#243B55#4A5D7E#F5EBD7#E3B23C#101828
สีกรมท่าเข้ากับสีอะไร
สีที่ตัดกับกรมท่าคลาสสิกได้ชัดที่สุดคือสีตรงข้ามบนวงจรสี #44391F ส่วนสีที่กลมกลืนที่สุดคือสีข้างเคียง #1F3D44 และ #271F44 ทุกค่าด้านล่างคำนวณจากกรมท่าคลาสสิก #1F2A44 ด้วยการหมุนค่าเฉดสี (Hue) ในระบบ HSL โดยคงความสด (Saturation) และความสว่าง (Lightness) ไว้เท่าเดิม ชื่อที่กำกับใต้สีคือเฉดในคลังที่ดูใกล้เคียงที่สุด ถ้าไม่มีเฉดไหนใกล้พอจะแสดงเพียงองศาที่หมุน หลักการของแต่ละแบบอ่านต่อได้ที่ สีคู่ตรงข้าม และ วงจรสี
-
คู่ตรงข้าม Complementary · +180°
ตัดกันแรงที่สุด ใช้สีหนึ่งเป็นสีหลักและให้อีกสีเป็นจุดเน้นเล็ก ๆ เช่น ปุ่มหรือหัวข้อ
#1F2A44กรมท่า
คลาสสิก สีตั้งต้น#44391Fไม่มีชื่อเฉดในคลัง +180°
-
สีข้างเคียง Analogous · -30° / +30°
กลมกลืนและสบายตา เหมาะกับพื้นหลัง ภาพประกอบ และงานที่ต้องการอารมณ์เดียวกันทั้งหน้า
-
สามเส้า Triadic · +120° / +240°
สดใสและสมดุล ควรให้สีหนึ่งเด่นที่สุด แล้วใช้อีกสองสีเป็นสีรองในพื้นที่เล็กกว่า
#1F2A44กรมท่า
คลาสสิก สีตั้งต้น#441F2Aไม่มีชื่อเฉดในคลัง +120°
#2A441Fไม่มีชื่อเฉดในคลัง +240°
-
คู่ตรงข้ามแยก Split complementary · +150° / +210°
ตัดกันชัดแต่ไม่แรงเท่าคู่ตรงข้าม จับคู่ง่ายกว่าและพลาดยากกว่า
ตัวหนังสือบนสีกรมท่าควรเป็นสีอะไร
บนกรมท่าคลาสสิก #1F2A44 ตัวหนังสือสีขาวอ่านง่ายกว่า ได้ค่าคอนทราสต์ 14.25:1 ส่วนตัวหนังสือสีดำได้ 1.47:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีกรมท่าอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก
| เฉด | ตัวหนังสือขาว | ตัวหนังสือดำ |
|---|---|---|
| กรมท่า | 5.47:1 ผ่าน · แนะนำ | 3.83:1 ผ่านเฉพาะตัวใหญ่ |
| กรมท่า | 7.06:1 ผ่าน · แนะนำ | 2.97:1 ไม่ผ่าน |
| กรมท่า | 9.59:1 ผ่าน · แนะนำ | 2.18:1 ไม่ผ่าน |
| น้ำเงิน | 15.29:1 ผ่าน · แนะนำ | 1.37:1 ไม่ผ่าน |
| กรมท่า#000080 | 16.00:1 ผ่าน · แนะนำ | 1.31:1 ไม่ผ่าน |
| กรมท่า | 11.61:1 ผ่าน · แนะนำ | 1.80:1 ไม่ผ่าน |
| กรมท่า | 14.25:1 ผ่าน · แนะนำ | 1.47:1 ไม่ผ่าน |
| กรมท่า | 15.43:1 ผ่าน · แนะนำ | 1.36:1 ไม่ผ่าน |
| กรมท่า | 17.74:1 ผ่าน · แนะนำ | 1.18:1 ไม่ผ่าน |
สีกรมท่าให้ความรู้สึกแบบไหน
พจนานุกรมฉบับราชบัณฑิตยสถานให้ความหมายของคำว่า "กรมท่า" ในฐานะชื่อสีว่า "สีขาบ, สีน้ำเงินแก่, เรียกว่า สีกรมท่า" ซึ่งเป็นนิยามที่ใช้อ้างอิงได้เมื่อต้องอธิบายสีนี้เป็นภาษาไทย
- ขาบ "สีน้ำเงินแก่อมม่วง"
กรมท่าคือทางเลือกที่ปลอดภัยที่สุดเมื่ออยากได้สีเข้มที่ไม่แข็งเท่าสีดำ ดูเรียบร้อย น่าเชื่อถือ และเข้ากับสีอื่นได้แทบทุกสี จึงเป็นสีหลักของแบรนด์เสื้อผ้า งานองค์กร และงานพิมพ์ที่ต้องการความเป็นทางการ
พจนานุกรมฉบับราชบัณฑิตยสถานแยกคำนี้เป็นสองคำ คำแรกคือ "กรมท่า ๑" หมายถึงกรมพระคลังส่วนที่ติดต่อกับต่างชาติในสมัยก่อน ส่วน "กรมท่า ๒" คือชื่อสี ทั้งสองคำยังอ่านต่างกัน คำแรกอ่านว่า "กฺรม-ท่า" ส่วนชื่อสีอ่านว่า "กฺรม-มะ-ท่า" และพจนานุกรมไม่ได้ระบุว่าชื่อสีมาจากหน่วยงานนั้น ThaiGraph จึงไม่ยืนยันเรื่องที่มาของชื่อสีนี้
ความหมายของสีในวัฒนธรรมไทย เช่น สีกับงานมงคลและงานพิธี อ่านต่อได้ที่ จิตวิทยาสีไทย
เคล็ดลับใช้สีกรมท่าในงานออกแบบ
หลักง่าย ๆ คือให้สีกรมท่ามีบทบาทเดียวในงาน จะเป็นสีหลัก สีพื้น หรือสีเน้นก็ได้ แล้วเลือกสีอื่นมารับบทที่เหลือให้ชัดเจน เคล็ดลับด้านล่างใช้ได้ทั้งงานพิมพ์และงานบนจอ
- ใช้กรมท่าเป็นสีตัวหนังสือหลักบนพื้นขาวหรือครีม อ่านง่ายเท่าสีดำแต่ดูมีระดับกว่า
- กรมท่าคู่กับทอง ครีม หรือแดงเลือดหมู ให้ภาพคลาสสิก เหมาะกับการ์ดเชิญและงานพิธีการ
- กรมท่าบนจอกับบนกระดาษต่างกันมาก กรมท่าที่เข้มจัดบนจออาจพิมพ์ออกมาเกือบดำ ควรขอปรู๊ฟก่อนสั่งพิมพ์จำนวนมาก
- ถ้าใช้กรมท่าเป็นพื้นหลัง ให้ตัวหนังสือเป็นสีขาวหรือครีม และเลี่ยงตัวหนังสือสีเทากลางที่จะจมหายไป
วิธีนำโค้ดสีกรมท่าไปใช้
แตะค่า HEX ในตารางเพื่อคัดลอก แล้ววางในช่องรหัสสีของโปรแกรมได้ทันที ใช้ได้ทั้ง Canva, Figma, Photoshop และ Illustrator ส่วน Microsoft Word ให้ไปที่ More Colors แล้ววางค่า HEX ในช่อง Hex ของแท็บ Custom (Word รุ่นเก่าที่ไม่มีช่องนี้ให้ใส่ค่า RGB แทน) ขั้นตอนของแต่ละโปรแกรมอยู่ที่ หน้ารวมโค้ดสี ถ้ามีโค้ดสีในรูปแบบอื่นอยู่แล้ว เช่น CMYK จากโรงพิมพ์ แปลงกลับเป็น HEX ได้ที่ เครื่องมือแปลงโค้ดสี
โค้ดสีตระกูลอื่น
ThaiGraph รวมโค้ดสีไว้ 19 ตระกูล รวม 450 เฉด เลือกตระกูลที่ต้องการด้านล่าง หรือดูทุกเฉดในหน้าเดียวพร้อมช่องค้นหาที่ รวมโค้ดสี ส่วนสีไทยโบราณอยู่ที่ สีไทย Thaitone
ตรวจสอบข้อมูลเมื่อ November 2026
แหล่งอ้างอิง
- ค่า HEX ของเฉดที่มีป้าย "มาตรฐาน CSS" ทั้ง 4 เฉด (เช่น navy = #000080) ตามตารางชื่อสีมาตรฐาน—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)