โค้ดสี · 19 ตระกูล · 450 เฉด

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

โค้ดสีหรือรหัสสีคือตัวเลขที่บอกค่าสีให้โปรแกรมและโรงพิมพ์เข้าใจตรงกัน แบบที่ใช้มากที่สุดคือ HEX เช่น #FF0000 คือสีแดง และ #0047AB คือน้ำเงินโคบอลต์ หน้านี้รวมโค้ดสี 450 เฉดจาก 19 ตระกูล ทุกเฉดมีค่า HEX, RGB, CMYK และ HSL ให้แตะคัดลอกไปวางใน Canva, Photoshop หรือ Figma ได้ทันที

โดย Ploypailin Srisuwan

Thai Design Researcher & Editor, ThaiGraph · 3 พฤศจิกายน 2569

ตรวจสอบข้อมูลเมื่อ November 2026

เลือกโค้ดสีตามตระกูลสี

แตะตระกูลสีเพื่อเปิดหน้ารวมเฉดสีของสีนั้น แต่ละหน้ามีโค้ดสีครบทุกรูปแบบ พาเล็ตต์พร้อมใช้ คู่สีที่เข้ากัน และตารางสีตัวหนังสือที่อ่านง่าย ตระกูลพาสเทลและเอิร์ธโทนรวมสีจากหลายโทนไว้ด้วยกัน ส่วนกรมท่า ทอง เงิน ครีม และเบจ แยกออกมาเป็นหน้าของตัวเองเพราะคนค้นหาบ่อย

โค้ดสีหลักของแต่ละตระกูล

ถ้าต้องการแค่โค้ดสีเดียวต่อสี ตารางนี้คือคำตอบ: ตัวแทนของแต่ละตระกูล พร้อมค่า HEX, RGB และ CMYK ค่า HEX ใช้กับงานบนจอและโปรแกรมออกแบบ ค่า RGB ใช้กับโปรแกรมที่ไม่มีช่องใส่ HEX เช่น Word รุ่นเก่า ส่วนค่า CMYK เป็นจุดตั้งต้นสำหรับงานพิมพ์ แตะปุ่มคัดลอกข้างค่า HEX เพื่อนำไปใช้ได้ทันที

สี	HEX	RGB	CMYK
สีน้ำเงินน้ำเงินโคบอลต์	`#0047AB`	`0, 71, 171`	`100, 58, 0, 33`
สีกรมท่ากรมท่าคลาสสิก	`#1F2A44`	`31, 42, 68`	`54, 38, 0, 73`
สีฟ้าฟ้าท้องฟ้า	`#87CEEB`	`135, 206, 235`	`43, 12, 0, 8`
สีชมพูชมพูฮอตพิงก์	`#FF69B4`	`255, 105, 180`	`0, 59, 29, 0`
สีแดงแดงสด	`#E30613`	`227, 6, 19`	`0, 97, 92, 11`
สีเขียวเขียวป่า	`#228B22`	`34, 139, 34`	`76, 0, 76, 45`
สีเหลืองเหลืองทานตะวัน	`#FFC512`	`255, 197, 18`	`0, 23, 93, 0`
สีส้มส้มฟักทอง	`#FF7518`	`255, 117, 24`	`0, 54, 91, 0`
สีม่วงม่วง	`#800080`	`128, 0, 128`	`0, 100, 0, 50`
สีน้ำตาลน้ำตาลอานม้า	`#8B4513`	`139, 69, 19`	`0, 50, 86, 45`
สีเทาเทา	`#808080`	`128, 128, 128`	`0, 0, 0, 50`
สีดำดำสนิท	`#000000`	`0, 0, 0`	`0, 0, 0, 100`
สีขาวขาวสนิท	`#FFFFFF`	`255, 255, 255`	`0, 0, 0, 0`
สีทองทองคำ	`#D4AF37`	`212, 175, 55`	`0, 17, 74, 17`
สีเงินเงิน	`#C0C0C0`	`192, 192, 192`	`0, 0, 0, 25`
สีครีมครีม	`#FFFDD0`	`255, 253, 208`	`0, 1, 18, 0`
สีเบจเบจคลาสสิก	`#D9C3A5`	`217, 195, 165`	`0, 10, 24, 15`
สีพาสเทลชมพูพาสเทล	`#F8C8DC`	`248, 200, 220`	`0, 19, 11, 3`
สีเอิร์ธโทนดินเผา	`#C66B3D`	`198, 107, 61`	`0, 46, 69, 22`

รวมเฉดสีทั้งหมด 450 เฉด

ทุกเฉดสีในคลังอยู่ในส่วนนี้ เรียงตามตระกูลและจากอ่อนไปเข้ม แตะช่องสีใดก็ได้เพื่อคัดลอกโค้ด HEX พิมพ์ชื่อสีภาษาไทย ชื่อภาษาอังกฤษ หรือโค้ดสีในช่องค้นหาเพื่อกรองเฉดที่ต้องการ เช่น "กรมท่า" "mint" หรือ "FFD700" มี 156 ช่องที่ใช้ค่ามาตรฐาน CSS ของ W3C ส่วนที่เหลือเป็นค่าที่นิยมใช้ ซึ่ง ThaiGraph เลือกให้ตรงกับชื่อเรียกภาษาไทย

สีน้ำเงิน 27 เฉด

#7B68EE

น้ำเงินสเลตกลาง
#6495ED

น้ำเงินดอกคอร์นฟลาวเวอร์
#2E5BFF

น้ำเงินไฟฟ้า
#6A5ACD

น้ำเงินอมม่วงสเลต
#4169E1

น้ำเงินรอยัล
#3F48CC

น้ำเงินอุลตรามารีน
#5D7FA8

น้ำเงินยีนส์ซีด
#5A7BA6

น้ำเงินตุ่น
#0000FF

น้ำเงินสด
#4682B4

น้ำเงินเหล็ก
#1C39BB

น้ำเงินเปอร์เซีย
#1560BD

น้ำเงินยีนส์
#0000CD

น้ำเงินกลาง
#0F52BA

น้ำเงินแซฟไฟร์
#483D8B

น้ำเงินสเลตเข้ม
#22409A

น้ำเงินคราม
#0047AB

น้ำเงินโคบอลต์
#1F5F8B

น้ำเงินอมเขียว
#2B2F77

น้ำเงินขาบ
#0F4C81

น้ำเงินคลาสสิก
#00008B

น้ำเงินเข้ม
#191970

น้ำเงินเที่ยงคืน
#005F86

น้ำเงินนกยูง
#000080

น้ำเงินกรมท่า
#1B2A4A

น้ำเงินหมึก
#003153

น้ำเงินปรัสเซียน
#0B1630

น้ำเงินอมดำ

สีกรมท่า 22 เฉด

#4B6A9B

กรมท่าอ่อน
#4A5D7E

กรมท่าตุ่น
#483D8B

กรมท่าอมม่วงสเลต
#3D5A80

กรมท่าซีด
#2B2F77

กรมท่าขาบ
#34495E

กรมท่าหม่น
#25476A

กรมท่าฟ้า
#1D2D6B

กรมท่ารอยัล
#191970

น้ำเงินเที่ยงคืน
#00008B

น้ำเงินเข้ม
#36454F

กรมท่าชาร์โคล
#002B7F

กรมท่าสด
#000080

กรมท่า
#2C3E50

กรมท่าเทา
#243B55

กรมท่ายีนส์
#133B5C

กรมท่าอมเขียว
#0B3954

กรมท่าทะเลลึก
#1F2A44

กรมท่าคลาสสิก
#2B1E3F

กรมท่าอมม่วงเข้ม
#1B263B

กรมท่าหมึก
#0A1931

กรมท่าเข้มจัด
#101828

กรมท่าเกือบดำ

สีฟ้า 28 เฉด

#E0FFFF

ฟ้าไซแอนอ่อน
#D6ECF3

ฟ้าน้ำแข็ง
#C9DDF0

ฟ้าซีด
#AFEEEE

ฟ้าเทอร์ควอยซ์อ่อน
#B0E0E6

ฟ้าแป้ง
#ADD8E6

ฟ้าอ่อน
#B7C9D6

ฟ้าหมอก
#A7C7E7

ฟ้าพาสเทล
#B0C4DE

ฟ้าเหล็กอ่อน
#7FFFD4

ฟ้าอะความารีน
#87CEFA

ฟ้าท้องฟ้าอ่อน
#89CFF0

ฟ้าเบบี้บลู
#87CEEB

ฟ้าท้องฟ้า
#8DA9C4

ฟ้าหม่น
#67D3E0

ฟ้าสระว่ายน้ำ
#40E0D0

ฟ้าเทอร์ควอยซ์
#1E90FF

ฟ้าด็อดเจอร์
#48D1CC

ฟ้าเทอร์ควอยซ์กลาง
#48C9B0

ฟ้าอมเขียว
#00FFFF

ฟ้าไซแอน
#5F9EA0

ฟ้าอมเทาคาเด็ต
#00BFFF

ฟ้าสดดีปสกาย
#3B83BD

ฟ้าคราม
#1AC1DD

ฟ้าคาริบเบียน
#00AEEF

ฟ้าไซแอนงานพิมพ์
#2E8BC0

ฟ้าน้ำทะเล
#00CED1

ฟ้าเทอร์ควอยซ์เข้ม
#007BA7

ฟ้าเซรูเลียน

สีชมพู 26 เฉด

#FFE4E1

ชมพูหมอก
#F8C8DC

ชมพูพาสเทล
#FFC0CB

ชมพู
#F4C2C2

ชมพูนม
#F3CFC6

ชมพูมิลเลนเนียล
#FFB6C1

ชมพูอ่อน
#F2BDCD

ชมพูกล้วยไม้
#E8B4A8

ชมพูนู้ด
#FF8FAB

ชมพูหวาน
#F6A488

สีโอรส
#F08080

ชมพูคอรัลอ่อน
#F88379

ชมพูอมส้ม
#C9A9A6

ชมพูดัสตี้
#FA8072

ชมพูแซลมอน
#FF69B4

ชมพูฮอตพิงก์
#FC6C85

ชมพูแตงโม
#DB7093

ชมพูอมม่วงอ่อน
#C48793

ชมพูกะปิ
#E75480

ชมพูกุหลาบ
#DE5D83

ชมพูบลัช
#FF1493

ชมพูเข้ม
#FC0FC0

ชมพูช็อกกิ้ง
#FF00FF

ชมพูแมเจนตา
#E0218A

ชมพูสด
#C8187A

บานเย็น
#C71585

ชมพูบานเย็น

สีแดง 23 เฉด

#FF6347

แดงมะเขือเทศ
#CD5C5C

แดงอินเดียน
#E34234

แดงชาด
#E03C31

แดงอมส้ม
#FF0000

แดง
#FF2400

แดงสการ์เล็ต
#DC143C

แดงคริมสัน
#E30613

แดงสด
#D7141A

แดงตรุษจีน
#A44A3F

แดงตุ่น
#C21E56

แดงกุหลาบ
#B22222

แดงอิฐไฟ
#D2042D

แดงเชอร์รี
#C8102E

แดงเลือดนก
#C21807

แดงพริก
#9C2E25

แดงอิฐ
#9B111E

แดงทับทิม
#722F37

ไวน์แดง
#7A1F1F

แดงเลือดหมู
#960018

แดงคาร์ไมน์
#8B0000

แดงเข้ม
#800000

แดงมารูน
#800020

แดงเบอร์กันดี

สีเขียว 33 เฉด

#AAF0D1

เขียวมิ้นท์อ่อน
#98FB98

เขียวซีด
#90EE90

เขียวอ่อน
#8FC1B5

เขียวไข่กา
#8FBC8F

เขียวทะเลเข้ม
#9CAF88

เขียวเซจ
#66CDAA

เขียวอะความารีนกลาง
#ADFF2F

เขียวอมเหลือง
#50C878

เขียวมรกต
#9ACD32

เหลืองอมเขียว
#7FFF00

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

เขียวมะนาว
#32CD32

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

เขียวสปริง
#7CFC00

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

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

เขียวทะเลกลาง
#3EB489

เขียวมิ้นท์
#20B2AA

เขียวทะเลอ่อน
#5E8C31

เขียวใบตอง
#2E8B57

เขียวทะเล
#6B8E23

เขียวมะกอกอ่อน
#228B22

เขียวป่า
#00A86B

เขียวหยก
#556B2F

เขียวมะกอกเข้ม
#008B8B

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

เขียวมะกอก
#008000

เขียว
#008080

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

เขียวขี้ม้า
#006A4E

เขียวขวด
#00686B

เขียวหัวเป็ด
#006400

เขียวเข้ม

สีเหลือง 22 เฉด

#FFFFE0

เหลืองอ่อน
#FFFACD

เหลืองเลมอนชีฟอง
#FAFAD2

เหลืองโกลเดนรอดอ่อน
#FFF1A8

เหลืองเนย
#EEE8AA

เหลืองโกลเดนรอดซีด
#FDFD96

เหลืองพาสเทล
#F0E68C

เหลืองกากี
#F8DE7E

เหลืองหม่น
#FADA5E

เหลืองทองอ่อน
#FBEC5D

เหลืองข้าวโพด
#FFF44F

เหลืองมะนาว
#FFFF33

เหลืองนีออน
#FFC324

เหลืองมะม่วงสุก
#F4C430

เหลืองขมิ้น
#FFC512

เหลืองทานตะวัน
#EAA221

เหลืองดาวเรือง
#FFBF00

เหลืองอำพัน
#FFD400

เหลืองดอกคูน
#FFEF00

เหลืองคานารี
#FFFF00

เหลือง
#EED202

เหลืองสัญญาณ
#E1AD01

เหลืองมัสตาร์ด

สีส้ม 22 เฉด

#FFEFD5

ส้มมะละกอวิป
#FFDAB9

ส้มพีชพัฟ
#FBCEB1

ส้มแอปริคอต
#FFCBA4

ส้มพีช
#F8A488

ส้มคอรัลอ่อน
#FFA07A

ส้มแซลมอนอ่อน
#E9967A

ส้มแซลมอนเข้ม
#FF7F50

ส้มคอรัล
#E2725B

ส้มเทอร์ราคอตตา
#F37A48

ส้มแมนดาริน
#FF5F1F

ส้มนีออน
#FF7518

ส้มฟักทอง
#F28C28

ส้มชาไทย
#F15A22

สีแสด
#ED9121

ส้มแครอท
#FF4500

ส้มอมแดง
#FF8C00

ส้มเข้ม
#FFA500

ส้ม
#F28500

ส้มแทนเจอรีน
#C0502B

ส้มอิฐ
#CC5500

ส้มไหม้
#B7410E

ส้มสนิม

สีม่วง 25 เฉด

#E6E6FA

ม่วงลาเวนเดอร์อ่อน
#D6C1E6

ม่วงอ่อน
#D8BFD8

ม่วงดอกทิสเซิล
#C3B1E1

ม่วงพาสเทล
#DDA0DD

ม่วงพลัม
#EE82EE

ม่วงไวโอเล็ต
#C8A2C8

ม่วงไลแลค
#B57EDC

ลาเวนเดอร์
#9370DB

ม่วงกลาง
#DA70D6

ม่วงกล้วยไม้
#9966CC

ม่วงอเมทิสต์
#BA55D3

ม่วงกล้วยไม้กลาง
#8A2BE2

ม่วงอมน้ำเงิน
#9932CC

ม่วงกล้วยไม้เข้ม
#5B3E96

ม่วงคราม
#5C3D99

ม่วงอัญชัน
#6F2DA8

ม่วงองุ่น
#9400D3

ม่วงไวโอเล็ตเข้ม
#663399

ม่วงรีเบคกา
#8E3A59

ม่วงชาด
#614051

ม่วงมะเขือ
#8B008B

ม่วงแมเจนตาเข้ม
#4B0082

ม่วงอินดิโก
#800080

ม่วง
#3C1361

ม่วงเข้ม

สีน้ำตาล 24 เฉด

#DEB887

น้ำตาลไม้เบิร์ล
#D2B48C

น้ำตาลแทน
#F4A460

น้ำตาลทราย
#BC8F8F

น้ำตาลอมชมพู
#C8A27C

น้ำตาลชานม
#C19A6B

น้ำตาลอูฐ
#BDB76B

กากีเข้ม
#B49A6A

กากี
#B5835A

น้ำตาลอ่อน
#CD853F

น้ำตาลเปรู
#D2691E

น้ำตาลช็อกโกแลต
#8B6F5C

น้ำตาลมอคค่า
#B5702D

น้ำตาลคาราเมล
#A0763A

น้ำตาลไม้สัก
#A52A2A

น้ำตาลแดง
#954535

น้ำตาลเกาลัด
#A0522D

น้ำตาลเซียนนา
#875F42

น้ำตาลโกโก้
#8B3A2B

น้ำตาลอิฐแดง
#6F4E37

น้ำตาลกาแฟ
#8B4513

น้ำตาลอานม้า
#5C4033

น้ำตาลเข้ม
#5D3A1A

น้ำตาลไหม้
#3F2A1E

น้ำตาลดาร์กช็อกโกแลต

สีเทา 22 เฉด

#E2E2DE

เทาไข่มุก
#DCDCDC

เทาเกนส์โบโร
#D3D3D3

เทาอ่อน
#B6BBC4

เทาเมฆฝน
#A9A9A9

เทาดาร์กเกรย์
#8C92AC

เทาเย็น
#8A9BA8

เทาอมฟ้า
#8D8D86

เทาปูนเปลือย
#848884

เทาควันบุหรี่
#778899

เทาสเลตอ่อน
#8B8589

เทาทอป
#8B8580

เทาอุ่น
#808080

เทา
#708090

เทาสเลต
#6E6E6E

เทาช้าง
#696969

เทาหม่น
#5A5D60

เทาตะกั่ว
#474A51

เทาแกรไฟต์
#4A4A4A

เทาเข้ม
#36454F

เทาชาร์โคล
#2F4F4F

เทาสเลตเข้ม
#2A3439

เทากันเมทัล

สีดำ 20 เฉด

#353839

ดำออนิกซ์
#343434

ดำเจ็ท
#2B2B2B

ดำชาร์โคล
#222222

ดำเทา
#1F1F1F

ดำด้าน
#1C1C1C

ดำถ่าน
#1D1A1A

ดำมะเกลือ
#1B1325

ดำอมม่วง
#1C1F14

ดำโอลีฟ
#1B1212

ดำกาแฟ
#0D1321

ดำกรมท่า
#1A1110

ดำลิคอริซ
#1E120D

ดำช็อกโกแลต
#0B1220

ดำอมน้ำเงิน
#111111

ดำเงา
#1A0A0A

ดำอมแดง
#0B1A14

ดำอมเขียว
#0A0A0A

ดำหมึก
#0C090A

ดำราตรี
#000000

ดำสนิท

สีขาว 24 เฉด

#FFFFFF

ขาวสนิท
#FFFAFA

ขาวหิมะ
#F8F8FF

ขาวโกสต์
#FFF5F5

ขาวอมชมพู
#FCFCFA

ขาวกระดาษ
#FDFFF5

ขาวนม
#F5FFFA

ขาวมิ้นท์
#FFF5EE

ขาวเปลือกหอย
#FFFAF0

ขาวดอกไม้
#FAF9F6

ออฟไวท์
#FFFFF0

ขาวงาช้าง
#F0FFF0

ขาวน้ำผึ้ง
#F0FFFF

ขาวอมฟ้าอาซัวร์
#F4F8FB

ขาวอมฟ้า
#F0F8FF

ขาวอลิซบลู
#FFF0F5

ขาวลาเวนเดอร์
#F5F5F5

ขาวควัน
#F7F7F2

ขาวชอล์ก
#F2F2F2

ขาวเทาอ่อน
#FDF5E6

ขาวลูกไม้เก่า
#FAF6EC

ขาวนวล
#F5F3EE

ขาวมุก
#FAF0E6

ขาวลินิน
#FAEBD7

ขาวแอนทีค

สีทอง 22 เฉด

#E6D3A3

ทองซีด
#D9B97A

ทองแชมเปญ
#DA8A67

ทองแดงอ่อน
#E6C35C

ทองอ่อน
#B76E79

โรสโกลด์
#C5B358

ทองเวกัส
#C9A54C

ทองทราย
#D4AF37

ทองคำ
#CFB53B

ทองเก่า
#E59E1F

ทองอมส้ม
#CD7F32

ทองสัมฤทธิ์
#D9A927

ทองคำเปลว
#FFD700

ทองโกลด์
#DAA520

ทองโกลเดนรอด
#B8973B

ทองหม่น
#E8B00C

ทองสุกปลั่ง
#B5A642

ทองเหลือง
#B87333

ทองแดง
#B8860B

ทองโกลเดนรอดเข้ม
#8C4A2F

ทองแดงเข้ม
#8C6A2F

ทองน้ำตาล
#A67C00

ทองเข้ม

สีเงิน 20 เฉด

#E6E6E6

เงินไข่มุก
#E5E4E2

แพลทินัม
#DBE2E9

เงินโครเมียม
#D8D8D8

เงินสว่าง
#D8C8C8

เงินอมชมพู
#C9CED6

เงินโทนเย็น
#C0C8D2

เงินอมฟ้า
#CFCAC0

เงินแชมเปญ
#C4C4C4

เงินสเตอร์ลิง
#C8C4BC

เงินโทนอุ่น
#C0C0C0

เงิน
#BFC1C2

เงินทราย
#B5B5B5

เงินด้าน
#A9ACB6

เงินอะลูมิเนียม
#AAA9AD

เงินเมทัลลิก
#A0A7AE

เงินเหล็กกล้า
#899499

เงินดีบุก
#878681

เงินไทเทเนียม
#71706E

เงินเข้ม
#5C6066

เงินกันเมทัล

สีครีม 20 เฉด

#FFF8E7

ครีมนม
#F9F1E7

ครีมมะพร้าว
#FFF8DC

ครีมคอร์นซิลค์
#F8F1DC

ครีมนวล
#F7E1D7

ครีมอมชมพู
#FFFDD0

ครีม
#FCE5CD

ครีมพีช
#FFEBCD

ครีมอัลมอนด์
#F5EBD7

ครีมผ้าไหม
#FBE3C9

ครีมแอปริคอต
#F0EAD6

ครีมเปลือกไข่
#F1E4CC

ครีมทราย
#E8E2D6

ครีมเทา
#FFF3B0

ครีมอมเหลือง
#E3DAC9

ครีมกระดูก
#F9E7B5

ครีมเนย
#E8D3B9

ครีมกาแฟ
#EAD9B5

ครีมเข้ม
#F3E5AB

ครีมวานิลลา
#F6E3A1

ครีมคัสตาร์ด

สีเบจ 22 เฉด

#F5F5DC

เบจ
#FFE4C4

เบจบิสก์
#EFDECD

เบจอัลมอนด์
#F2D2BD

นู้ดอ่อน
#FFE4B5

เบจม็อกคาซิน
#FFDEAD

เบจนาวาโฮ
#F5DEB3

เบจข้าวสาลี
#DFD3BD

เบจโอ๊ต
#E6BBA9

นู้ดชมพู
#E3C9A8

เบจบิสกิต
#D8CAB0

เบจลินินดิบ
#E3BC9A

สีนู้ด
#D9C3A5

เบจคลาสสิก
#BEB5A7

เบจเทา
#C8AD90

เบจลาเต้
#D4B483

เบจคาราเมลอ่อน
#C9A88A

เบจกาแฟนม
#C69C82

นู้ดเข้ม
#C2B280

เบจทราย
#C4A27A

เบจกระดาษคราฟต์
#A89C8E

ทอปอ่อน
#A47551

นู้ดน้ำตาล

สีพาสเทล 24 เฉด

#FFE0EA

ชมพูพาสเทลอ่อน
#CDE7F7

ฟ้าพาสเทลอ่อน
#FFDAC1

พีชพาสเทล
#F8C8DC

ชมพูพาสเทล
#FFDAB9

ส้มพีชพัฟ
#FFF5BA

เหลืองครีมพาสเทล
#D8C8F0

ลาเวนเดอร์พาสเทล
#FFB6C1

ชมพูอ่อน
#BDF5DC

เขียวมิ้นท์พาสเทล
#BFE1F5

เบบี้บลูพาสเทล
#E2C6E9

ไลแลคพาสเทล
#FFD1A9

ส้มพาสเทล
#B5EAEA

ฟ้าอมเขียวพาสเทล
#F7B7A3

คอรัลพาสเทล
#B8E0B8

เขียวพาสเทล
#B0E0E6

ฟ้าแป้ง
#D8BFD8

ม่วงดอกทิสเซิล
#FF9AA2

แดงพาสเทล
#FDFD96

เหลืองพาสเทล
#CFCFC4

เทาพาสเทล
#98FB98

เขียวซีด
#C3B1E1

ม่วงพาสเทล
#A7C7E7

ฟ้าพาสเทล
#D7BFA6

น้ำตาลพาสเทล

สีเอิร์ธโทน 24 เฉด

#EDE3D1

ครีมลินิน
#D8C3A5

เบจดิน
#DEB887

น้ำตาลไม้เบิร์ล
#D2B48C

น้ำตาลแทน
#BC8F8F

น้ำตาลอมชมพู
#C2B280

ทราย
#9CAF88

เขียวเซจ
#CD853F

น้ำตาลเปรู
#B66A50

ดินเหนียว
#C66B3D

ดินเผา
#8B8478

เทาหิน
#8A9A5B

เขียวมอส
#CC7722

เหลืองโอเคอร์
#C9A227

เหลืองมัสตาร์ดหม่น
#C0502B

ส้มอิฐ
#A0522D

น้ำตาลเซียนนา
#B7410E

สนิม
#8B5A2B

น้ำตาลดิน
#7B5B3A

น้ำตาลไม้
#8B4513

น้ำตาลอานม้า
#6E4A2E

น้ำตาลไหม้
#556B2F

เขียวมะกอกเข้ม
#808000

เขียวมะกอก
#4B5320

เขียวขี้ม้า

HEX, RGB, CMYK และ HSL ต่างกันอย่างไร

ทั้งสี่แบบคือวิธีเขียนค่าสีเดียวกัน HEX และ RGB ใช้กับงานบนจอ CMYK ใช้กับงานพิมพ์ ส่วน HSL ใช้ปรับสีให้อ่อนลงหรือเข้มขึ้นได้ง่าย ตัวอย่างด้านล่างคือน้ำเงินโคบอลต์สีเดียวกัน เขียนได้สี่แบบ

น้ำเงินโคบอลต์

HEX: #0047AB
RGB: rgb(0, 71, 171)
CMYK: C100 M58 Y0 K33
HSL: hsl(215, 100%, 34%)

HEX คือเครื่องหมาย # ตามด้วยเลขฐานสิบหก 6 หลัก แบ่งเป็นสามคู่ คู่แรกคือค่าแดง คู่ที่สองคือเขียว คู่ที่สามคือน้ำเงิน เช่น #0047AB คือแดง 00 เขียว 47 น้ำเงิน AB บางครั้งเขียนย่อเหลือ 3 หลัก เช่น #123 ซึ่งเท่ากับ #112233
RGB คือค่าเดียวกับ HEX แต่เขียนเป็นเลขฐานสิบ แต่ละช่องมีค่า 0 ถึง 255 เช่น 0, 71, 171 ใช้กับโปรแกรมที่ไม่มีช่องใส่ HEX อย่าง Word บางรุ่น
CMYK คือสัดส่วนหมึกสี่สี ได้แก่ ฟ้า (Cyan) ม่วงแดง (Magenta) เหลือง (Yellow) และดำ (Key) เป็นเปอร์เซ็นต์ ใช้กับงานพิมพ์ ค่าบนหน้านี้คำนวณจากสีบนจอ สีพิมพ์จริงขึ้นกับกระดาษและโรงพิมพ์
HSL คือเฉดสี (Hue เป็นองศาบนวงจรสี) ความสด (Saturation) และความสว่าง (Lightness) อยากได้สีเดิมที่อ่อนลง ให้เพิ่มค่า L ทีละน้อย

อ่านเรื่องสีบนจอกับสีบนกระดาษแบบละเอียดได้ที่ CMYK กับ RGB ต่างกันอย่างไร และถ้ามีค่าสีแบบหนึ่งอยู่แล้ว อยากได้อีกแบบ ใช้ เครื่องมือแปลงโค้ดสี ได้ทันที

วิธีใส่โค้ดสีใน Canva, Photoshop, Illustrator, Figma และ Word

ทุกโปรแกรมมีช่องให้วางโค้ดสี สิ่งที่ต่างกันคือตำแหน่งของช่องนั้น คัดลอกค่า HEX จากหน้านี้ แล้วทำตามขั้นตอนของโปรแกรมที่ใช้ ชื่อเมนูอาจต่างไปเล็กน้อยตามรุ่นของโปรแกรมและภาษาที่ตั้งไว้

Canva
1. คลิกเลือกตัวหนังสือหรือองค์ประกอบที่จะเปลี่ยนสี
2. คลิกช่องสีบนแถบเครื่องมือ แผงสี (Color) จะเปิดด้านข้าง
3. คลิก Add a new color (ช่องสีรุ้ง) แล้ววางโค้ด HEX ในช่องรหัสสีของตัวเลือกสี
Photoshop
1. คลิกช่อง Foreground Color ด้านล่างของแถบเครื่องมือ หน้าต่าง Color Picker จะเปิดขึ้น
2. วางโค้ด HEX ในช่องที่มีเครื่องหมาย # หรือพิมพ์ค่า C M Y K ในช่องของแต่ละหมึก
3. กด OK สีนั้นจะเป็นสี Foreground พร้อมใช้ระบายหรือเติมพื้น
Illustrator
1. เลือกวัตถุ แล้วดับเบิลคลิกช่อง Fill หรือ Stroke ที่แถบเครื่องมือ หน้าต่าง Color Picker จะเปิดขึ้น
2. วางโค้ด HEX 6 หลักในช่อง #
3. กด OK สีจะถูกใช้กับวัตถุที่เลือก
Figma
1. เลือกเลเยอร์ แล้วคลิกช่องสีในส่วน Fill ของแถบด้านขวา
2. ในตัวเลือกสี เปิดเมนูรูปแบบแล้วเลือก HEX (มี RGB, CSS, HSL และ HSB ให้เลือกด้วย)
3. วางโค้ดลงในช่องค่าสี แล้วกด Enter
Microsoft Word
1. เลือกข้อความ ไปที่แท็บ Home (หน้าแรก) แล้วคลิกลูกศรข้างปุ่ม Font Color
2. เลือก More Colors (สีเพิ่มเติม) แล้วไปที่แท็บ Custom (กำหนดเอง)
3. วางโค้ด HEX ในช่อง Hex แล้วกด OK ถ้า Word รุ่นที่ใช้ไม่มีช่องนี้ ให้เลือกโหมดสี RGB แล้วใส่ค่าแดง เขียว น้ำเงินทีละช่องจากหน้านี้แทน

พื้นฐานทฤษฎีสีก่อนเลือกโค้ดสี

โค้ดสีบอกว่าสีคืออะไร แต่ทฤษฎีสีบอกว่าสีไหนควรอยู่ด้วยกัน ถ้ายังเลือกไม่ถูกว่าจะจับคู่สีอย่างไร เริ่มจากหน้าพื้นฐานเหล่านี้ แต่ละหน้าอธิบายสั้น ๆ พร้อมตัวอย่างโค้ดสีที่คัดลอกไปใช้ได้