โค้ดสี · Yellow · 22 เฉด
สีเหลือง โค้ดสีเหลืองทุกเฉด รหัสสี HEX RGB CMYK
โค้ดสีเหลืองที่หน้านี้ใช้เป็นสีตัวแทนคือเหลืองทานตะวัน #FFC512 หรือ RGB 255, 197, 18 และหน้านี้รวมสีเหลืองไว้ 22 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที
- HEX
-
#FFC512 - RGB
-
255, 197, 18 - CMYK
-
0, 23, 93, 0 - HSL
-
45°, 100%, 54%
เหลืองเป็นสีที่ดูสว่างที่สุดในวงจรสีเมื่อแสดงบนจอ ดึงสายตาได้ดีและให้ความรู้สึกร่าเริง หน้านี้รวมเหลืองตั้งแต่เหลืองอ่อนแบบครีมไปจนถึงเหลืองมัสตาร์ดและเหลืองอำพัน
ตรวจสอบข้อมูลเมื่อ November 2026
โค้ดสีเหลืองทั้ง 22 เฉด
ด้านล่างคือสีเหลืองทั้ง 22 เฉด เรียงจากอ่อนไปเข้ม แต่ละเฉดมีค่า HEX, RGB, CMYK และ HSL ให้แตะคัดลอกได้ทีละค่า เฉดที่มีป้าย "มาตรฐาน CSS" (6 เฉด) ใช้ค่าตามตารางชื่อสีมาตรฐานของ W3C พิมพ์ชื่อสีนั้นในโค้ด CSS ได้ตรง ๆ ส่วนเฉดที่มีป้าย "ค่าที่นิยมใช้" (16 เฉด) เป็นค่าที่ ThaiGraph เลือกให้ตรงกับชื่อเรียกที่คนไทยใช้ ไม่ใช่ค่ามาตรฐาน และแต่ละคนอาจเรียกสีเดียวกันต่างกันได้เล็กน้อย ความต่างของเฉดอ่อน เฉดเข้ม และโทนหม่น อธิบายไว้ที่ เฉดสีและโทนสี
- #FFFFE0
เหลือง
อ่อน Light yellow
มาตรฐาน CSS
lightyellow- HEX
-
#FFFFE0 - RGB
-
255, 255, 224 - CMYK
-
0, 0, 12, 0 - HSL
-
60°, 100%, 94%
- #FFFACD
เหลือง
เลมอน ชีฟอง Lemon chiffon
มาตรฐาน CSS
lemonchiffon- HEX
-
#FFFACD - RGB
-
255, 250, 205 - CMYK
-
0, 2, 20, 0 - HSL
-
54°, 100%, 90%
- #FAFAD2
เหลือง
โกลเดนรอด อ่อน Light goldenrod yellow
มาตรฐาน CSS
lightgoldenrodyellow- HEX
-
#FAFAD2 - RGB
-
250, 250, 210 - CMYK
-
0, 0, 16, 2 - HSL
-
60°, 80%, 90%
- #FFF1A8
เหลือง
เนย Butter yellow
ค่าที่นิยมใช้
- HEX
-
#FFF1A8 - RGB
-
255, 241, 168 - CMYK
-
0, 5, 34, 0 - HSL
-
50°, 100%, 83%
- #EEE8AA
เหลือง
โกลเดนรอด ซีด Pale goldenrod
มาตรฐาน CSS
palegoldenrod- HEX
-
#EEE8AA - RGB
-
238, 232, 170 - CMYK
-
0, 3, 29, 7 - HSL
-
55°, 67%, 80%
- #FDFD96
เหลือง
พาสเทล Pastel yellow
ค่าที่นิยมใช้
- HEX
-
#FDFD96 - RGB
-
253, 253, 150 - CMYK
-
0, 0, 41, 1 - HSL
-
60°, 96%, 79%
- #F0E68C
เหลือง
กากี Khaki
มาตรฐาน CSS
khaki- HEX
-
#F0E68C - RGB
-
240, 230, 140 - CMYK
-
0, 4, 42, 6 - HSL
-
54°, 77%, 75%
- #F8DE7E
เหลือง
หม่น Mellow yellow
ค่าที่นิยมใช้
- HEX
-
#F8DE7E - RGB
-
248, 222, 126 - CMYK
-
0, 10, 49, 3 - HSL
-
47°, 90%, 73%
- #FADA5E
เหลือง
ทอง อ่อน Royal yellow
ค่าที่นิยมใช้
- HEX
-
#FADA5E - RGB
-
250, 218, 94 - CMYK
-
0, 13, 62, 2 - HSL
-
48°, 94%, 67%
- #FBEC5D
เหลือง
ข้าวโพด Corn
ค่าที่นิยมใช้
- HEX
-
#FBEC5D - RGB
-
251, 236, 93 - CMYK
-
0, 6, 63, 2 - HSL
-
54°, 95%, 67%
- #FFF44F
เหลือง
มะนาว Lemon
ค่าที่นิยมใช้
- HEX
-
#FFF44F - RGB
-
255, 244, 79 - CMYK
-
0, 4, 69, 0 - HSL
-
56°, 100%, 65%
- #FFFF33
เหลือง
นีออน Neon yellow
ค่าที่นิยมใช้
- HEX
-
#FFFF33 - RGB
-
255, 255, 51 - CMYK
-
0, 0, 80, 0 - HSL
-
60°, 100%, 60%
- #FFC324
เหลือง
มะม่วง สุก Mango yellow
ค่าที่นิยมใช้
- HEX
-
#FFC324 - RGB
-
255, 195, 36 - CMYK
-
0, 24, 86, 0 - HSL
-
44°, 100%, 57%
- #F4C430
เหลือง
ขมิ้น Turmeric yellow
ค่าที่นิยมใช้
- HEX
-
#F4C430 - RGB
-
244, 196, 48 - CMYK
-
0, 20, 80, 4 - HSL
-
45°, 90%, 57%
- #FFC512
เหลือง
ทานตะวัน Sunflower
ค่าที่นิยมใช้
- HEX
-
#FFC512 - RGB
-
255, 197, 18 - CMYK
-
0, 23, 93, 0 - HSL
-
45°, 100%, 54%
- #EAA221
เหลือง
ดาวเรือง Marigold
ค่าที่นิยมใช้
- HEX
-
#EAA221 - RGB
-
234, 162, 33 - CMYK
-
0, 31, 86, 8 - HSL
-
39°, 83%, 52%
- #FFBF00
เหลือง
อำพัน Amber
ค่าที่นิยมใช้
- HEX
-
#FFBF00 - RGB
-
255, 191, 0 - CMYK
-
0, 25, 100, 0 - HSL
-
45°, 100%, 50%
- #FFD400
เหลือง
ดอกคูน Golden shower yellow
ค่าที่นิยมใช้
- HEX
-
#FFD400 - RGB
-
255, 212, 0 - CMYK
-
0, 17, 100, 0 - HSL
-
50°, 100%, 50%
- #FFEF00
เหลือง
คานารี Canary
ค่าที่นิยมใช้
- HEX
-
#FFEF00 - RGB
-
255, 239, 0 - CMYK
-
0, 6, 100, 0 - HSL
-
56°, 100%, 50%
- #FFFF00
เหลือง
Yellow
มาตรฐาน CSS
yellow- HEX
-
#FFFF00 - RGB
-
255, 255, 0 - CMYK
-
0, 0, 100, 0 - HSL
-
60°, 100%, 50%
- #EED202
เหลือง
สัญญาณ Safety yellow
ค่าที่นิยมใช้
- HEX
-
#EED202 - RGB
-
238, 210, 2 - CMYK
-
0, 12, 99, 7 - HSL
-
53°, 98%, 47%
- #E1AD01
เหลือง
มัสตาร์ด Mustard
ค่าที่นิยมใช้
- HEX
-
#E1AD01 - RGB
-
225, 173, 1 - CMYK
-
0, 23, 100, 12 - HSL
-
46°, 99%, 44%
ค่า CMYK ในหน้านี้คำนวณจากค่าสีบนจอด้วยสูตรแปลงพื้นฐาน ใช้เป็นจุดตั้งต้นได้ดี แต่สีที่พิมพ์ออกมาจริงขึ้นกับกระดาษ หมึก และโปรไฟล์สีของโรงพิมพ์ งานที่สีต้องตรงควรขอปรู๊ฟก่อนเสมอ ความต่างของ RGB กับ CMYK อ่านต่อได้ที่ CMYK กับ RGB ต่างกันอย่างไร
พาเล็ตต์สีเหลืองพร้อมใช้
พาเล็ตต์ 4 ชุดนี้จับคู่สีเหลืองกับสีพื้น สีตัวหนังสือ และสีเน้นไว้ให้แล้ว แตะสีใดก็ได้เพื่อคัดลอกโค้ดทีละสี หรือกด "คัดลอกทั้งชุด" เพื่อเอาไปวางทีเดียวครบ 5 สี ลำดับสีในแต่ละชุดไม่ได้บังคับ ลองสลับว่าสีไหนเป็นพื้นหลังและสีไหนเป็นตัวหนังสือ แล้วตรวจความอ่านง่ายด้วยตารางค่าคอนทราสต์ด้านล่าง หรือแปลงค่าเป็นรูปแบบอื่นด้วย เครื่องมือแปลงโค้ดสี
-
แดดเช้า
#FFC512#FFF1A8#FFFFFF#2E8BC0#1B2A4A -
มัสตาร์ดวินเทจ
#E1AD01#1F2A44#F3EBD8#8B5A2B#556B2F -
ป้ายเตือน
#EED202#111111#FFFFFF#E30613#808080 -
เหลืองพาสเทล
#FDFD96#FFF5BA#AAF0D1#A7C7E7#5A5A5A
สีเหลืองเข้ากับสีอะไร
สีที่ตัดกับเหลืองทานตะวันได้ชัดที่สุดคือสีตรงข้ามบนวงจรสี #124CFF ส่วนสีที่กลมกลืนที่สุดคือสีข้างเคียง #FF4F12 และ #C3FF12 ทุกค่าด้านล่างคำนวณจากเหลืองทานตะวัน #FFC512 ด้วยการหมุนค่าเฉดสี (Hue) ในระบบ HSL โดยคงความสด (Saturation) และความสว่าง (Lightness) ไว้เท่าเดิม ชื่อที่กำกับใต้สีคือเฉดในคลังที่ดูใกล้เคียงที่สุด ถ้าไม่มีเฉดไหนใกล้พอจะแสดงเพียงองศาที่หมุน หลักการของแต่ละแบบอ่านต่อได้ที่ สีคู่ตรงข้าม และ วงจรสี
-
คู่ตรงข้าม Complementary · +180°
ตัดกันแรงที่สุด ใช้สีหนึ่งเป็นสีหลักและให้อีกสีเป็นจุดเน้นเล็ก ๆ เช่น ปุ่มหรือหัวข้อ
#FFC512เหลือง
ทานตะวัน สีตั้งต้น#124CFFไม่มีชื่อเฉดในคลัง +180°
-
สีข้างเคียง Analogous · -30° / +30°
กลมกลืนและสบายตา เหมาะกับพื้นหลัง ภาพประกอบ และงานที่ต้องการอารมณ์เดียวกันทั้งหน้า
-
สามเส้า Triadic · +120° / +240°
สดใสและสมดุล ควรให้สีหนึ่งเด่นที่สุด แล้วใช้อีกสองสีเป็นสีรองในพื้นที่เล็กกว่า
#FFC512เหลือง
ทานตะวัน สีตั้งต้น#12FFC5ไม่มีชื่อเฉดในคลัง +120°
#C512FFไม่มีชื่อเฉดในคลัง +240°
-
คู่ตรงข้ามแยก Split complementary · +150° / +210°
ตัดกันชัดแต่ไม่แรงเท่าคู่ตรงข้าม จับคู่ง่ายกว่าและพลาดยากกว่า
ตัวหนังสือบนสีเหลืองควรเป็นสีอะไร
บนเหลืองทานตะวัน #FFC512 ตัวหนังสือสีดำอ่านง่ายกว่า ได้ค่าคอนทราสต์ 13.24:1 ส่วนตัวหนังสือสีขาวได้ 1.58:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีเหลืองอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก
| เฉด | ตัวหนังสือขาว | ตัวหนังสือดำ |
|---|---|---|
| เหลือง | 1.01:1 ไม่ผ่าน | 20.63:1 ผ่าน · แนะนำ |
| เหลือง | 1.14:1 ไม่ผ่าน | 18.39:1 ผ่าน · แนะนำ |
| เหลือง | 1.28:1 ไม่ผ่าน | 16.40:1 ผ่าน · แนะนำ |
| เหลือง | 1.21:1 ไม่ผ่าน | 17.25:1 ผ่าน · แนะนำ |
| เหลือง | 1.60:1 ไม่ผ่าน | 13.08:1 ผ่าน · แนะนำ |
| เหลือง | 1.58:1 ไม่ผ่าน | 13.24:1 ผ่าน · แนะนำ |
| เหลือง | 2.16:1 ไม่ผ่าน | 9.68:1 ผ่าน · แนะนำ |
| เหลือง | 1.19:1 ไม่ผ่าน | 17.59:1 ผ่าน · แนะนำ |
| เหลือง | 2.06:1 ไม่ผ่าน | 10.17:1 ผ่าน · แนะนำ |
สีเหลืองให้ความรู้สึกแบบไหน
พจนานุกรมฉบับราชบัณฑิตยสถานให้ความหมายของคำว่า "เหลือง" ในฐานะชื่อสีว่า "สีอย่างสีรงทองหรือขมิ้น" ซึ่งเป็นนิยามที่ใช้อ้างอิงได้เมื่อต้องอธิบายสีนี้เป็นภาษาไทย
เหลืองสดให้ความรู้สึกร่าเริง มีพลัง และเป็นมิตร จึงใช้ได้ดีในงานเด็ก งานอาหาร และป้ายที่ต้องการให้เห็นชัด ส่วนเหลืองมัสตาร์ดและเหลืองอำพันดูโตและอบอุ่นกว่า เข้ากับงานแนววินเทจและเอิร์ธโทน
เหลืองเป็นสีที่สว่างมาก ตัวหนังสือสีเหลืองบนพื้นขาวแทบอ่านไม่ออก ในทางกลับกัน ตัวหนังสือสีดำบนพื้นเหลืองอ่านง่ายมาก ป้ายเตือนจำนวนมากจึงใช้คู่สีนี้
ความหมายของสีในวัฒนธรรมไทย เช่น สีกับงานมงคลและงานพิธี อ่านต่อได้ที่ จิตวิทยาสีไทย
เคล็ดลับใช้สีเหลืองในงานออกแบบ
หลักง่าย ๆ คือให้สีเหลืองมีบทบาทเดียวในงาน จะเป็นสีหลัก สีพื้น หรือสีเน้นก็ได้ แล้วเลือกสีอื่นมารับบทที่เหลือให้ชัดเจน เคล็ดลับด้านล่างใช้ได้ทั้งงานพิมพ์และงานบนจอ
- ใช้เหลืองเป็นพื้นหลังหรือแถบเน้น แล้ววางตัวหนังสือสีดำหรือกรมท่าทับ แทนการใช้ตัวหนังสือสีเหลือง
- เหลืองคู่กับน้ำเงินหรือม่วงเป็นคู่สีตรงข้ามที่เด่นมาก เหมาะกับโปสเตอร์
- เหลืองมัสตาร์ดคู่กับกรมท่า เขียวมะกอก หรือน้ำตาล ให้ภาพแบบวินเทจ
- เหลืองบนกระดาษพิมพ์ออกมามักดูอ่อนกว่าบนจอ ถ้าต้องการเหลืองเข้ม ให้เลือกเฉดที่มีส้มเจือเล็กน้อย
วิธีนำโค้ดสีเหลืองไปใช้
แตะค่า HEX ในตารางเพื่อคัดลอก แล้ววางในช่องรหัสสีของโปรแกรมได้ทันที ใช้ได้ทั้ง Canva, Figma, Photoshop และ Illustrator ส่วน Microsoft Word ให้ไปที่ More Colors แล้ววางค่า HEX ในช่อง Hex ของแท็บ Custom (Word รุ่นเก่าที่ไม่มีช่องนี้ให้ใส่ค่า RGB แทน) ขั้นตอนของแต่ละโปรแกรมอยู่ที่ หน้ารวมโค้ดสี ถ้ามีโค้ดสีในรูปแบบอื่นอยู่แล้ว เช่น CMYK จากโรงพิมพ์ แปลงกลับเป็น HEX ได้ที่ เครื่องมือแปลงโค้ดสี
โค้ดสีตระกูลอื่น
ThaiGraph รวมโค้ดสีไว้ 19 ตระกูล รวม 450 เฉด เลือกตระกูลที่ต้องการด้านล่าง หรือดูทุกเฉดในหน้าเดียวพร้อมช่องค้นหาที่ รวมโค้ดสี ส่วนสีไทยโบราณอยู่ที่ สีไทย Thaitone
ตรวจสอบข้อมูลเมื่อ November 2026
แหล่งอ้างอิง
- ค่า HEX ของเฉดที่มีป้าย "มาตรฐาน CSS" ทั้ง 6 เฉด (เช่น yellow = #FFFF00) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (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)