โค้ดสี · White · 24 เฉด
สีขาว โค้ดสีขาว รหัสสีขาวทุกเฉด HEX RGB CMYK
โค้ดสีขาวที่หน้านี้ใช้เป็นสีตัวแทนคือขาวสนิท #FFFFFF หรือ RGB 255, 255, 255 ซึ่งเป็นชื่อสีมาตรฐาน CSS white และหน้านี้รวมสีขาวไว้ 24 เฉด พร้อมโค้ด HEX RGB CMYK HSL ให้แตะคัดลอกได้ทันที
- HEX
-
#FFFFFF - RGB
-
255, 255, 255 - CMYK
-
0, 0, 0, 0 - HSL
-
0°, 0%, 100%
ขาวสนิท #FFFFFF ไม่ใช่ขาวเพียงแบบเดียว ขาวที่อมเหลือง อมฟ้า หรืออมชมพูเพียงเล็กน้อยจะเปลี่ยนอารมณ์ของงานได้มาก หน้านี้รวมขาวที่ใช้กันจริงพร้อมโค้ดสีครบ
ตรวจสอบข้อมูลเมื่อ November 2026
โค้ดสีขาวทั้ง 24 เฉด
ด้านล่างคือสีขาวทั้ง 24 เฉด เรียงจากอ่อนไปเข้ม แต่ละเฉดมีค่า HEX, RGB, CMYK และ HSL ให้แตะคัดลอกได้ทีละค่า เฉดที่มีป้าย "มาตรฐาน CSS" (15 เฉด) ใช้ค่าตามตารางชื่อสีมาตรฐานของ W3C พิมพ์ชื่อสีนั้นในโค้ด CSS ได้ตรง ๆ ส่วนเฉดที่มีป้าย "ค่าที่นิยมใช้" (9 เฉด) เป็นค่าที่ ThaiGraph เลือกให้ตรงกับชื่อเรียกที่คนไทยใช้ ไม่ใช่ค่ามาตรฐาน และแต่ละคนอาจเรียกสีเดียวกันต่างกันได้เล็กน้อย ความต่างของเฉดอ่อน เฉดเข้ม และโทนหม่น อธิบายไว้ที่ เฉดสีและโทนสี
- #FFFFFF
ขาว
สนิท White
มาตรฐาน CSS
white- HEX
-
#FFFFFF - RGB
-
255, 255, 255 - CMYK
-
0, 0, 0, 0 - HSL
-
0°, 0%, 100%
- #FFFAFA
ขาว
หิมะ Snow
มาตรฐาน CSS
snow- HEX
-
#FFFAFA - RGB
-
255, 250, 250 - CMYK
-
0, 2, 2, 0 - HSL
-
0°, 100%, 99%
- #F8F8FF
ขาว
โกสต์ Ghost white
มาตรฐาน CSS
ghostwhite- HEX
-
#F8F8FF - RGB
-
248, 248, 255 - CMYK
-
3, 3, 0, 0 - HSL
-
240°, 100%, 99%
- #FFF5F5
ขาว
อม ชมพู Blush white
ค่าที่นิยมใช้
- HEX
-
#FFF5F5 - RGB
-
255, 245, 245 - CMYK
-
0, 4, 4, 0 - HSL
-
0°, 100%, 98%
- #FCFCFA
ขาว
กระดาษ Paper white
ค่าที่นิยมใช้
- HEX
-
#FCFCFA - RGB
-
252, 252, 250 - CMYK
-
0, 0, 1, 1 - HSL
-
60°, 25%, 98%
- #FDFFF5
ขาว
นม Milk white
ค่าที่นิยมใช้
- HEX
-
#FDFFF5 - RGB
-
253, 255, 245 - CMYK
-
1, 0, 4, 0 - HSL
-
72°, 100%, 98%
- #F5FFFA
ขาว
มิ้นท์ Mint cream
มาตรฐาน CSS
mintcream- HEX
-
#F5FFFA - RGB
-
245, 255, 250 - CMYK
-
4, 0, 2, 0 - HSL
-
150°, 100%, 98%
- #FFF5EE
ขาว
เปลือก หอย Seashell
มาตรฐาน CSS
seashell- HEX
-
#FFF5EE - RGB
-
255, 245, 238 - CMYK
-
0, 4, 7, 0 - HSL
-
25°, 100%, 97%
- #FFFAF0
ขาว
ดอกไม้ Floral white
มาตรฐาน CSS
floralwhite- HEX
-
#FFFAF0 - RGB
-
255, 250, 240 - CMYK
-
0, 2, 6, 0 - HSL
-
40°, 100%, 97%
- #FAF9F6
ออฟไวท์
Off-white
ค่าที่นิยมใช้
- HEX
-
#FAF9F6 - RGB
-
250, 249, 246 - CMYK
-
0, 0, 2, 2 - HSL
-
45°, 29%, 97%
- #FFFFF0
ขาว
งาช้าง Ivory
มาตรฐาน CSS
ivory- HEX
-
#FFFFF0 - RGB
-
255, 255, 240 - CMYK
-
0, 0, 6, 0 - HSL
-
60°, 100%, 97%
- #F0FFF0
ขาว
น้ำ ผึ้ง Honeydew
มาตรฐาน CSS
honeydew- HEX
-
#F0FFF0 - RGB
-
240, 255, 240 - CMYK
-
6, 0, 6, 0 - HSL
-
120°, 100%, 97%
- #F0FFFF
ขาว
อม ฟ้า อาซัวร์ Azure
มาตรฐาน CSS
azure- HEX
-
#F0FFFF - RGB
-
240, 255, 255 - CMYK
-
6, 0, 0, 0 - HSL
-
180°, 100%, 97%
- #F4F8FB
ขาว
อม ฟ้า Cool white
ค่าที่นิยมใช้
- HEX
-
#F4F8FB - RGB
-
244, 248, 251 - CMYK
-
3, 1, 0, 2 - HSL
-
206°, 47%, 97%
- #F0F8FF
ขาว
อลิซบลู Alice blue
มาตรฐาน CSS
aliceblue- HEX
-
#F0F8FF - RGB
-
240, 248, 255 - CMYK
-
6, 3, 0, 0 - HSL
-
208°, 100%, 97%
- #FFF0F5
ขาว
ลาเวนเดอร์ Lavender blush
มาตรฐาน CSS
lavenderblush- HEX
-
#FFF0F5 - RGB
-
255, 240, 245 - CMYK
-
0, 6, 4, 0 - HSL
-
340°, 100%, 97%
- #F5F5F5
ขาว
ควัน White smoke
มาตรฐาน CSS
whitesmoke- HEX
-
#F5F5F5 - RGB
-
245, 245, 245 - CMYK
-
0, 0, 0, 4 - HSL
-
0°, 0%, 96%
- #F7F7F2
ขาว
ชอล์ก Chalk
ค่าที่นิยมใช้
- HEX
-
#F7F7F2 - RGB
-
247, 247, 242 - CMYK
-
0, 0, 2, 3 - HSL
-
60°, 24%, 96%
- #F2F2F2
ขาว
เทา อ่อน Light gray white
ค่าที่นิยมใช้
- HEX
-
#F2F2F2 - RGB
-
242, 242, 242 - CMYK
-
0, 0, 0, 5 - HSL
-
0°, 0%, 95%
- #FDF5E6
ขาว
ลูกไม้ เก่า Old lace
มาตรฐาน CSS
oldlace- HEX
-
#FDF5E6 - RGB
-
253, 245, 230 - CMYK
-
0, 3, 9, 1 - HSL
-
39°, 85%, 95%
- #FAF6EC
ขาว
นวล Soft warm white
ค่าที่นิยมใช้
- HEX
-
#FAF6EC - RGB
-
250, 246, 236 - CMYK
-
0, 2, 6, 2 - HSL
-
43°, 58%, 95%
- #F5F3EE
ขาว
มุก Pearl white
ค่าที่นิยมใช้
- HEX
-
#F5F3EE - RGB
-
245, 243, 238 - CMYK
-
0, 1, 3, 4 - HSL
-
43°, 26%, 95%
- #FAF0E6
ขาว
ลินิน Linen
มาตรฐาน CSS
linen- HEX
-
#FAF0E6 - RGB
-
250, 240, 230 - CMYK
-
0, 4, 8, 2 - HSL
-
30°, 67%, 94%
- #FAEBD7
ขาว
แอนทีค Antique white
มาตรฐาน CSS
antiquewhite- HEX
-
#FAEBD7 - RGB
-
250, 235, 215 - CMYK
-
0, 6, 14, 2 - HSL
-
34°, 78%, 91%
ค่า CMYK ในหน้านี้คำนวณจากค่าสีบนจอด้วยสูตรแปลงพื้นฐาน ใช้เป็นจุดตั้งต้นได้ดี แต่สีที่พิมพ์ออกมาจริงขึ้นกับกระดาษ หมึก และโปรไฟล์สีของโรงพิมพ์ งานที่สีต้องตรงควรขอปรู๊ฟก่อนเสมอ ความต่างของ RGB กับ CMYK อ่านต่อได้ที่ CMYK กับ RGB ต่างกันอย่างไร
พาเล็ตต์สีขาวพร้อมใช้
พาเล็ตต์ 4 ชุดนี้จับคู่สีขาวกับสีพื้น สีตัวหนังสือ และสีเน้นไว้ให้แล้ว แตะสีใดก็ได้เพื่อคัดลอกโค้ดทีละสี หรือกด "คัดลอกทั้งชุด" เพื่อเอาไปวางทีเดียวครบ 5 สี ลำดับสีในแต่ละชุดไม่ได้บังคับ ลองสลับว่าสีไหนเป็นพื้นหลังและสีไหนเป็นตัวหนังสือ แล้วตรวจความอ่านง่ายด้วยตารางค่าคอนทราสต์ด้านล่าง หรือแปลงค่าเป็นรูปแบบอื่นด้วย เครื่องมือแปลงโค้ดสี
-
ขาวมินิมอล
#FFFFFF#F5F5F5#E2E2DE#808080#111111 -
ขาวนวลอบอุ่น
#FAF6EC#F3EBD8#C8A27C#6F4E37#2B2B2B -
ขาวสะอาดตา
#F4F8FB#FFFFFF#B6BBC4#2E8BC0#1B2A4A -
ขาวกับเขียว
#FAF9F6#F0FFF0#9CAF88#006A4E#1F1F1F
สีขาวเข้ากับสีอะไร
สีขาวไม่มีค่าเฉดสี (Hue) จึงเข้าได้กับทุกสี สิ่งที่ต้องดูคือความต่างของความสว่างระหว่างสีขาวกับสีที่จะวางคู่กัน รายการด้านล่างคือค่าคอนทราสต์ (contrast ratio ตามสูตรของ WCAG) ระหว่างขาวสนิท #FFFFFF กับสีหลักของตระกูลอื่น ยิ่งตัวเลขสูง สีนั้นยิ่งเด่นเมื่อวางคู่กับสีขาว ส่วนการหมุนวงจรสีใช้กับสีขาวไม่ได้ เพราะสีที่ไม่มีค่าเฉดสี หมุนไปเท่าไรก็ได้สีเดิม อ่านหลักการได้ที่ วงจรสี
ตัวหนังสือบนสีขาวควรเป็นสีอะไร
บนขาวสนิท #FFFFFF ตัวหนังสือสีดำอ่านง่ายกว่า ได้ค่าคอนทราสต์ 21.00:1 ส่วนตัวหนังสือสีขาวได้ 1.00:1 เกณฑ์ขั้นต่ำของ WCAG 2.2 (ระดับ AA) คือคอนทราสต์ระหว่างตัวหนังสือกับพื้นหลังอย่างน้อย 4.5:1 สำหรับตัวหนังสือขนาดปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (อย่างน้อย 18pt หรือ 14pt ตัวหนา) ตารางด้านล่างคำนวณค่านี้ให้สีขาวอีกหลายเฉด เพื่อเลือกสีตัวหนังสือได้ถูกตั้งแต่แรก
| เฉด | ตัวหนังสือขาว | ตัวหนังสือดำ |
|---|---|---|
| ขาว | 1.00:1 ไม่ผ่าน | 21.00:1 ผ่าน · แนะนำ |
| ขาว | 1.06:1 ไม่ผ่าน | 19.63:1 ผ่าน · แนะนำ |
| ขาว | 1.02:1 ไม่ผ่าน | 20.56:1 ผ่าน · แนะนำ |
| ออฟไวท์#FAF9F6 | 1.05:1 ไม่ผ่าน | 19.94:1 ผ่าน · แนะนำ |
| ขาว | 1.02:1 ไม่ผ่าน | 20.45:1 ผ่าน · แนะนำ |
| ขาว | 1.10:1 ไม่ผ่าน | 19.03:1 ผ่าน · แนะนำ |
| ขาว | 1.11:1 ไม่ผ่าน | 18.75:1 ผ่าน · แนะนำ |
| ขาว | 1.10:1 ไม่ผ่าน | 18.93: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" ทั้ง 15 เฉด (เช่น white = #FFFFFF) ตามตารางชื่อสีมาตรฐาน—W3C, CSS Color Module Level 4 — §6.1 Named Colors (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)