ccs book preview

ชุดสีพรอมใช สำหรับงานออกแบบ กราฟิก สิ่งพิมพ

เว็บไซต และมัลติมีเดีย

75 ชุดสี สำหรับสิ่งพิมพ 75 ชุดสี สำหรับเว็บ

COLORSCHEMES

สีสันสวยงามดวยหมึกพิมพคุณภาพแสดงสีอยางสมจริงดวยกระดาษอารตมันอยางหนาปกเคลือบ PVC แบบมัน ปองกันน้ำ และทนตอการฉีดขาดเขาเลมดวยวิธีเย็บกี่พรอมไสกาว ชวยใหหนังสือคงทน ไมหลุดงายใหสีที่เที่ยงตรงยิ่งขึ้น ดวยเทคโนโลยีการยิงเพลทแบบ CTP (computer-to-plate)

ราคา 290 บาท

ISBN 974-94803-1-7

9 789749 480311

หมวด คอมพิวเตอร กราฟก

COLORSCHEMES

STYLISHEXOTIC BASICMODERNCAMOUFLAGFASINATE

PIONEERFRESH UNIQUESOUR-SPICYINSPIRE

ART NOUVEAUVOGUE BRILLIANT SMARTVIVID

ART DECOGORGEOUS MODESTPOWERFULBEAUTIFUL

DECOR INDYEXPLORERPROGRESSIVEFASHION

ธวัชชัย ศรีสุเทพ

High Quality Book

creative

creative

creative

COLORSCHEMES

creative COLOR schemes2 3INTRODUCTION

สีเปนสิ่งสำคัญในงานออกแบบตางๆ นอกจากความสวยงามของสีแลว การใชสีที่เหมาะสมจะชวยสื่อความหมาย และสรางความประทับใจใหกับผูพบเห็นไดเป็นอยางดี

หากคุณเคยพบปญหาเกี่ยวกับสีมาบาง วา...ไมรูจะเลือกสีอะไรใหเหมาะสมกับงานไมรูวาควรจะใชสีอะไรรวมกันบาง จึงจะเขากันไดดีเลือกใชเฉพาะสีที่ชอบเพียงไมกี่สี ไมมีเวลาเลือกสีใหมๆ มาใชเสียเวลาไปกับการเลือกสีมาก ตองเปลี่ยนไปเปลี่ยนมาอยูหลายครัง้ก็ยังไดสีที่ไมคอยจะถูกใจนกัสีที่พิมพออกมา ไมตรงกับสีที่ตองการ ทำใหตองแกไขกันหลายรอบ

ชุดสี โดนใจ จะเปนคำตอบของคุณไมวาคุณจะทำงานออกแบบกราฟิก สิ่งพิมพ เว็บไซต หรืองานออกแบบดานตางๆ ชุดสี โดนใจ จะชวยใหคุณเลือกใชสีไดตรงกับใจ ในพริบตาเปลี่ยนจากที่ตองคอยปวดหัวกับเรื่องสี มาสนุกกับการเลือกใชสีกันดีกวาขอใหทุกทานสรางสรรคงานอยางมีสีสัน ดวยความสุขสันตครับ

ธวัชชัย ศรีสุเทพ

;

;

;

;

;

Copyright © 2006 All rights reserved��by Thawatchai Srisuthep.

สงวนสิทธิ์ตามพระราชบญัญัติลิขสิทธิ์ พ.ศ. 2537โดยธวัชชัย ศรีสุเทพ หามนำสวนใดสวนหนึ่งของหนังสือเลมนี้ไปลอกเลียน ทำสำเนา ถายเอกสาร หรือนำไปเผยแพร บนอินเทอรเน็ต และสื่อชนิดอื่นๆ ไมวารูปแบบใด นอกจาก จะไดรับอนญาตเปนลายลักษณอักษรเทานั้น

CREATIVE H

THAWATCHAI SRISUTHEP

ขอมูลทางบรรณานุกรม

ธวัชชัย ศรีสุเทพชดุสี โดนใจ---นนทบุรี : มารคมายเว็บ, 2549.208 หนา.1. สีคอมพิวเตอรกราฟิก I. ชื่อเรื่อง.006.6

ISBN 974-94803-1-7

จัดจำหนายโดย

บริษัท ดี.เค. บุค ดิสทริบิวเตอร จำกัด96 ซ.พหลโยธิน 32 แขวงเสนานิคม เขตจุตจักรกรุงเทพฯ 10900โทรศัพท 0-2942-9270-2 โทรสาร 0-2942-9273เว็บไซต: www.dkbookcenter.comEmail: [email protected]

จัดทำโดย

MARKMYWEB51/12 ถ.ประชาราษฎร 8อ.เมือง จ.นนทบุรี 11000โทร 081-918-2300แฟกซ 0-2968-4849website: markmyweb.com email: [email protected]

75 ชุดสี สำหรับสิ่งพิมพ75 ชุดสี สำหรับเว็บ

markmyweb ;


ความยุงยากในการเลือกใชสีกับเว็บความยุงยากในการเลือกใชสีในสิ่งพิมพ

สีไมตรง

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

ปญหาเรื่องสีนั้นจะงายขึ้น หากงานของคุณนั้นเปนการผลิตโบรชัวรหรือปายตางๆจากเครื่องพิมพสวนตัวของคุณ ไมวาจะเปนอิงคเจ็ทหรือเลเซอร คุณก็สามารถที่จะทดลองพิมพจนไดสีที่ คุณพอใจ แลวนำไปใชไดทันที แตสำหรับงานพิมพจำนวนมากที่ ตองพึ่งพาโรงพิมพ จะใชการพิมพแบบออฟเซ็ต ซึ่งโดยทัว่ไปจะใชหมึก 4 สีคือ Cyan, Magenta, Yellow และ blacK (CMYK) ปญหาหนักอกที่ตามมาก็คือ เครื่องพิมพอิงคเจ็ทหรือเลเซอรนั้นใหสีที่ตางจากโรงพิมพมาก หลายๆครั้งผูออกแบบตองคอยภาวนาใหสีที่ออกมาจากโรงพิมพนั้นเปนไปอยางที่ตองการ

ตัวเลือกที่มากมาย

แมวาคุณสามารถเลือกสีไดอยางไมจำกัด จากสีจำนวนหลายลานสีที่ปรากฎบนสเปกตรัมสี แตบางครั้งตัวเลือกที่มากเกินไปก็ สรางปญหาไดเหมือนกันคือ ไมรูจะเลือกสีอะไร ไมรูวาสีที่เลือกมานั้นจะเขากันไดหรือเปลา ขณะที่ยังตองคอยลุนวาสีที่พิมพออกมา นั้นจะเปนอยางไร

สีไมตรง

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

หนาจอที่ใชแสดงเว็บและงานมัลติมีเดียตางๆนั้น มีคุณภาพและความสามารถในการแสดงสีแตกตางกัน ทำใหสีที่ปรากฎบนแตละหนาจอนั้นจะแตกตางกันไปเล็กนอย โดยเฉพาะเรื่อง ความมืด หรือสวางของสี ที่ขึ้นกับการปรับคาความสวางบนหนาจอ (brightness) ของผูใช หากคุณเลือกสีที่เหมาะสมกับเว็บและงาน ของคุณดีแลว ผูชมก็มีโอกาสที่จะมองเห็นสีเหลานั้นไดคอนขางใกลเคียงกัน

ตัวเลือกที่มากมาย

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

C M

Y K

R G B


เครื่องมือสำคัญของนักออกแบบ ที่จะชวยเพิ่มความสะดวกในการเลือกใชสี

สำหรับงานออกแบบกราฟิก สิ่งพิมพ เว็บไซต และมัลติมีเดียตางๆ

ไดสีที่ถูกตอง : เนื่องจากเปนการเลือกสจีากตัวอยางจริง ที่พิมพแบบออฟเซ็ต 4 สีตามมาตรฐาน (4-color process printing) จึงสามารถใชอางอิงไดวา สีที่คุณเลือกใชนั้นจะออกมาใกลเคียงกับสีที่คุณจะไดจริงๆ ตางกับการเลือกสีจากสีที่มองเห็นบนหนาจอ ซึ่งไมอาจแนใจวาสีที่พิพมออกมาจริงๆนั้นจะเปนอยางไรประหยัดเวลา : สามารถเลือกใชสีที่เหมาะสมกับงานของคุณ ไดอยางรวดเร็ว ทั้งยังไดทราบถึงความหมายและความรูสึก โดยรวมของแตละชุดสีไดเห็นตัวอยางการนำไปใช : พบกับตัวอยางการเลือกใชสีกับตัวอักษร ทั้งในสวนของชื่อชุดสีและคำอธิบายรายละเอียดรวมถึงสีตวัอักษรที่เหมาะสมกับสพีื้นแตละสีดวย นอกจากนี้ ยังไดเห็นตัวอยางการนำสีไปใชรวมกัน ในสวนของ “จับคูสี” (Color Combinations) ที่แสดงใหเห็นถึงปฏิกิริยาของสีที่มีตอกัน รวมถึงความกลมกลืนและความแตกตางระหวางสีภายในชุดเขาใจตรงกัน : สำหรับนักออกแบบมืออาชีพ ก็สามารถนำชุดสีทัั้งหมดนี้ไปใหลูกคาหรือผูเกี่ยวของเลือกได ทำใหไดสีที่ตรงกับความตองการ ในเวลาอันรวดเร็ว ชวยใหทั้งผูออกแบบ ลูกคา และผูเกี่ยวของทุกคนเขาใจไดตรงกันในเรื่องสี กอนที่จะเริ่มตนงานออกแบบเสียดวยซ้ำ

;

;

;

;

VIVID241 67 3 #F14303

241 106 8 #F16A08

254 165 24 #FEA518

186 107 17 #BA6B11

231 179 3 #E7B303

254 232 0 #FEE800

141 186 5 #8DBA05

166 220 65 #A6DC41

0 144 208 #0090D0

91 195 245 #5BC3F5

163 21 134 #A31586

232 30 191 #E81EBF

161 0 193 #A100C1

134 81 247 #8651F7

200 178 247 #C8B2F7

มีชีวิตชีวา

C M Y K

0 80 100 0

0 50 100 0

0 35 100 0

25 50 85 5

10 25 10 0

5 5 100 0

45 10 100 0

45 0 100 0

80 30 0 0

60 10 0 0

40 95 5 0

70 80 0 0

60 40 40 0

20 20 10 0

10 5 5 0

VIVIDมีชีวิตชีวา

ชดุสีสำหรับสิ่งพิมพจะแสดงคาสีในแบบ CMYK ขณะที่ชุดสีสำหรับเว็บนั้นแสดงคาสีในแบบRGB และ HEX (Hexadecimal) ที่สามารถนำไปใชไดกับเว็บไซต, เว็บกราฟก, Flash,PowerPoint, Multimedia และงานออกแบบตางๆที่ใชแสดงผลบนหนาจอไดมีการปรับเปลี่ยนชุดสีสำหรับเว็บใหมีความสด สวาง และแตกตางกัน มากกวาชุดสีสำหรับสิ่งพิมพ (CMYK) เพื่อความโดดเดนในการแสดงผลบนหนาจอยิ่งขึ้น

;

;

เปรียบเทียบ ชุดสีสำหรับสิ่งพิมพ (ซาย) กับ ชุดสีสำหรับเว็บ (ขวา)

creative

ชุดสี โดนใจ

COLORSCHEMES R G B HEX


C M Y K

แถบสีตางๆของชุดสี พรอมคาสี CMYK ที่คุณสามารถนำไปใชในงานออกแบบสิ่งพิมพไดทันที

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

โดยปกติจะมีการแบงสีออกเป็น5 กลุมยอยเรียงลำดับกันตามความตอเนื่องของสี ในแตละกลุม จะประกอบดวย 3 สี ซึ่งสวนใหญจะเปนสีเดียวกันที่มีการไลระดับจากเขมไปออน โดยคุณสามารถ นำสีในกลุมยอยนี้ไปใชคูกันแบบmonotone ไดอยางลงตัวอยางไรก็ดี ในบางกรณีอาจมิไดมีการแบงกลุมยอยหรือเรียงลำดับ ตามลักษณะดังกลาว ทั้งนี้จะขึ้นอยูกับความเหมาะสมของสีในแตละชุด

Color Strips k แถบสี

Color Scheme Name k ชื่อชุดสี บริเวณของชื่อชุดสี พรอมแสดงตัวอยางสีในชุดใหเห็น ดวยสีของตัวอักษรแตละตัว

ชื่อไทยของชุดสี

ตัวอยางสีของชุดสี แบงเปนกลุมยอย 5 กลุม เรียงตามลำดับเชนเดียวกับในบริเวณของแถบสี โดยที่สีในแตละกลุมยอยจะเรียงลำดับกันตามแนวตั้ง และวางอยูไมชิดกัน

Color Palettes on White Background

k ตัวอยางสีบนพื้นขาว

ตัวอยางสีของชุดสี แบงเปนกลุมยอย 5 กลุม เหมือนกับบริเวณดานบน ยกเวนพื้นหลังจะเปนสีดำ เพื่อแสดงใหเห็น ลักษณะของสีเมื่อปรากฎบนพื้นหลังสีดำ

Color Palettes on Black Background

k ตัวอยางสีบนพื้นดำ

หลากสีสันแตกตาง

แปลกแยกโทนสีรอนออนละมุน

สดใส

โทนสีเดียวกันคลายคลงึตอเนื่องโทนสีเย็นเขมมืดหมนอมเทา

Color Scheme Features k ลักษณะโดยรวมของชุดสี

Color on Texts & Backgrounds

k ตัวอยางสีตัวอักษรบนพื้นหลังสีตางๆตัวอยางสีของตัวอักษรที่เหมาะสำหรับใชบนพื้นหลังสีตางๆทั้ง 15 สีของชุดสีนั้นๆ โดยเรียงลำดับสีพื้นหลังทั้ง 5 กลุมตามแนวนอน สีตัวอักษรที่เลือกใชจะเปนสีที่มีความตาง (contrast) ระหวางสีของตัวอักษรและพื้นหลังมากพอทีจ่ะอานไดอยางสะดวก ขณะที่สามารถแสดงถึงบุคลิกหรือลักษณะเดนของชุดสีนั้นๆออกมาได

ลักษณะ k ที่มาและลักษณะเดนของชุดสีความรูสึก 9 ปฏิกิริยาโดยรวมของผูพบเห็นที่มีตอชุดสีสื่อถึง v ความหมายกวางๆที่เกี่ยวของกับชุดสีพบไดใน 5 ตัวอยางสิ่งที่มักจะพบวามีสีคลายคลึงกับสีในชุด

Color Scheme Characteristics k ลักษณะพิเศษของชุดสี

Color Combinations Name k ชื่อชุดของการจับกลุมสี

2-Color Combinations

k จับคู 2 สี

แสดงตัวอยางย การนำสี 2 สีมาใชรวมกัน [ สังเกตปฏิกิริยาระหวางสี 2 สีที่นำมาใชรวมกัน ]

แสดงตัวอยางย การนำสี 3 สีมาใชรวมกัน [ สังเกตความกลมกลืนหรือแตกตางระหวางสีทั้งสาม ]

แสดงตัวอยางยย การนำสี 4 สีมาใชรวมกัน [ สังเกตความกลมกลืนหรือแตกตางระหวางสีทั้งสี่ ]


k จับกลุม 3 สี


k จับกลุม 4 สี

k ขั้นตอนการเลือกใชสีเลือกชุดสีที่โดนใจเลือกสีที่ตองการใชดูโคดสีที่สนใจ จากบริเวณ “แถบสี”(Color Strips)นำคา C-M-Y-K ของสีเหลานั้น ไปใช กำหนดสีในโปรแกรมออกแบบของคุณ

1.2.3.

4.

k 3 วิธีในการเลือกสี

พิจารณากลุมสีแบบ 2 สี 3 สี หรือ 4 สีสังเกตความกลมกลืนหรือแตกตาง ระหวางสีภายในกลุมเลือกกลุมสีที่ใหความรูสึก ตรงกับความตองการ

1.2.

3.

2. เลือกกลุมสีที่ชอบจากบริเวณ

“จับกลุมสี” (Color Combinations)

1. เลือกเฉพาะสีที่ตองการจากบริเวณ

“แถบสี” (Color Strips)

พิจารณาสีตามกลุมยอยที่แบงเปน 5 กลุมๆละ 3 สีเปรียบเทียบความแตกตางระหวางสีเลือกสีที่ตองการ โดยคุณสามารถ เลือกสีในกลุมยอยทั้ง 3 สี เพื่อ นำไปใชรวมกันแบบ monotone

1.

2.3.

3. เลือกคูสีสำหรับตัวอักษรและสีพื้น จากบริเวณ “สีตัวอักษรฯ” (Color on Texts & Backgrounds)

สำรวจหาคูของสีพื้นและตัวอักษร ที่สนใจสังเกตความชัดเจนของตัวอักษรสีตางๆเลอืกวาจะเนนที่ความโดดเดนหรือ กลมกลืนกันของสี แลวเลือกสีตัวอักษรและสีพื้นที่ใหผลลัพธตามตองการ

1.2.3.

แผนผังชุดสีสำหรับสิ่งพิมพ


แบงออกเปน 8 กลุมหลักตามลักษณะของชุดสี ภายในกลุม ชดุสีจะเรียงลำดับกันตามความคลายคลึง ตอเนื่องกันไปสามารถนำคา CMYK ของแตละสีไปใชในงานออกแบบกราฟิกโบรชัวร หนังสือ และสิ่งพิมพตางๆไดทันทีแสดงตัวอยางสีในหลายรูปแบบ ทั้งในแถบสี ตัวอยางสีบนพื้นหลังสีขาวและดำ สีตัวอักษร และการจับคูสี

;

;

;

75 ชุดสี เพื่องานพิมพ

วิธีสรางสีใหม (New color swatch) จากคา CMYK ในงานออกแบบกราฟิก

และสิ่งพิมพดวยโปรแกรม Photoshop, Illustrator และ InDesign

ใสคา CMYK ลงในพาเนNew Swatch ที่ดานลางของพาเนล Swatches

กคดีย Alt พรอมคลิกไอคอน New Swatch ที่ดานลางของ พาเนลSwatches เพื่อเปดหนาตาง New Swatch ขึ้นมา จากนั้นใหใสชื่อสี ประเภทของสี โมเดลสี และคา CMYK ของสีที่ตองการใช แลวกดปุม OK

เราสามารถสรางสีใหมขึ้นมาในโปรแกรมตางๆได 2 วิธี ดังนี้

q

w

CMYK Valuesคาสี CMYK เปนสวนผสมของแมสี 4 สีคือฟา (Cyan), บานเย็น (Magenta), เหลือง (Yellow) และดำ (Black) โดยแตละสีจะมีคา ระหวาง 0-100 ในระบบการพิมพแบบออฟเซ็ตทั่วไป สีทั้งหมดจะเกิดจากการผสมของแมสีทั้ง 4 สีนี้ ในปริมาณที่แตกตางกันไป

cmyk

แบงออกเปน 8 กลุมหลักตามลักษณะของชุดสี เชนเดียวกับชดุสีสำหรับสิ่งพิมพ (CMYK)แสดงคาสี RGB และ Hexadecimal พรอมสำหรับนำไปใชใน เว็บไซต, เว็บกราฟิก, Flash, PowerPoint, Multimedia และงานออกแบบตางๆที่แสดงผลบนหนาจอ (on-screen media)ปรับเปลี่ยนคาสีใหมีความสด สวาง และแตกตางกัน มากกวา ชุดสีสำหรับสิ่งพิมพ (CMYK) เพื่อความเหมาะสมในการ แสดงผลบนหนาจอยิ่งขึ้น

;

;

;

75 ชุดสี สำหรับเว็บ

วิธีสรางสีใหมจากคา RGB หรือ HEX ในงานออกแบบเว็บ

ดวยโปรแกรม Dreamweaver และ Fireworks

Fireworks : ใสคาสี RGB หรือ HEX (Hexadecimal) ลงในพาเนล Colors Mixer เพื่อนำสีที่ไดไปใช (คลิกที่ปุ่มออปชั่นของพาเนล Colors เพื่อเลือกใสคาสีแบบ RGB หรือ Hexadecimal) หากตองการเก็บสีนี้ไวใน Swatches ก็ใหนำเมาสไปคลิกเหนือพื้นที่วางดานลางของพาเนล Swatches เพื่อสรางสีใหมขึ้นมา

Dreamweaver : พิมพคาสี Hexadecimal เชน #FF7435 เขาไปในชองสีไดโดยตรง และตองไมลืมใสเครื่องหมาย # หนารหัสสีดวย สำหรับตวัอักษรภาษาอังกฤษจะพิมพเปนตัวใหญหรือตัวเล็กก็ได เพราะไดผลเหมือนกัน

เราสามารถสรางสีใหมขึ้นมาในโปรแกรมออกแบบเว็บไดดังนี้

,,

HEX Valuesคาสี HEX (Hexadecimal) เปนคาสี RGB ในแบบเลขฐานสิบหกโดยจะมีเครื่องหมาย # อยูดานหนารหัสสีเสมอ แตละสีจะแสดงเปนตัวเลขหรือตัวอักษร 2 ตัวซึ่งอาจประกอบดวยตัวเลข 0-9หรือตัวอักษร A-F หากแยกสีใีห เห็นชัดๆก็จะเป็น #RR-GG-BBเชน คาสี HEX #FF7435 นั้นจะ หมายถึง Red=FF, Green=74 และ Blue=35

RGB Valuesคาสี RGB เปนสวนผสมของแมสีส3 สีคือแดง (Red) เขียว (Green)และน้ำเงิน (Blue) โดยแตละสีจะมีคา ระหวาง 0-255

rgbH hex;

RGB on Paperในกระบวนการพิมพหนังสือเลมนี้คาสี RGB ไดถูกแปลงเปนสีในระบบCMYK ทำใหสีที่ไดนั้นตางจากสีที่จะเห็นบนหนาจอจริงๆไปบางโดยที่บางสีอาจจะแตกตางกันมาก ดังนั้น คุณควรทดลองใสสีที่สนใจลงในโปรแกรมดูกอน แลวจึงตัดสินใจ เลือกสีจากหนาจอจริงๆอีกครั้งหนึง่

creative COLOR schemes12 13TABLE OF CONTENTS

56 DELICATE58 SUBTLE60 CHARMING62 DELIGHT64 ROMANTIC

28 REDTONE30 PINKTONE32 ORANGETONE34 YELLOWTONE36 GREENTONE38 BLUETONE40 LIGHTBLUE42 PURPLETONE44 BROWNTONE46 EARTHTONE48 BEIGETONE50 GRAYTONE52 NEUTRAL54 BLACK&WHITE

66 SWEET68 FANCY70 CHEERFUL72 TENDER74 FESTIVAL76 ACTIVE

popular

happy

relax

pastels

75 color schemes for print

colortones

78 COOL80 CALM82 OCEAN84 MUTED86 WARM88 TRANQUIL90 BEACH

18 BASIC20 COLORFUL22 COMMON24 PIONEER26 SOUR-SPICY

92 RICH94 ELEGANT96 POWERFUL98 EXOTIC100 METALLIC102 CLASSIC104 MAGIC

106 ARTNOUVEAU108 ARTDECO110 DECOR112 PROGRESSIVE114 INTENSE116 HIGH-CLASS118 STYLISH120 EXPLORER122 CAMOUFLAG124 INDY126 CASUAL128 UNIQUE130 ATEASE132 CUTE

134 BRILLIANT136 VIBRANT138 VIVID140 LUXURY142 GORGEOUS144 SMART146 FASHION148 FASCINATE150 BEAUTIFUL152 EXTREME154 SECRET156 PLEASANT158 FRESH160 VOGUE162 MODERN164 MODEST166 INSPIRE

intensive

artistic

in trend

cmyk


popular

happy

relax

pastels intensive

artistic

in trend

75 color schemes for web

colortones

rgbH hexadecimal;

168 BASIC168 COLORFUL169 COMMON169 PIONEER170 SOUR-SPICY

170 REDTONE171 PINKTONE171 ORANGETONE172 YELLOWTONE172 GREENTONE173 BLUETONE173 LIGHTBLUE174 PURPLETONE174 BROWNTONE175 EARTHTONE175 BEIGETONE176 GRAYTONE176 NEUTRAL177 BLACK&WHITE

177 DELICATE178 SUBTLE178 CHARMING179 DELIGHT179 ROMANTIC

180 SWEET180 FANCY181 CHEERFUL181 TENDER182 FESTIVAL182 ACTIVE

183 COOL183 CALM184 OCEAN184 MUTED185 WARM185 TRANQUIL186 BEACH

186 RICH187 ELEGANT187 POWERFUL188 EXOTIC188 METALLIC189 CLASSIC189 MAGIC

190 ART NOUVEAU190 ART DECO191 DECOR191 PROGRESSIVE192 INTENSE192 HIGH-CLASS193 STYLISH193 EXPLORER194 CAMOUFLAG194 INDY195 CASUAL195 UNIQUE196 AT EASE196 CUTE

197 BRILLIANT197 VIBRANT198 VIVID198 LUXURY199 GORGEOUS199 SMART200 FASHION200 FASCINATE201 BEAUTIFUL201 EXTREME202 SECRET202 PLEASANT203 FRESH203 VOGUE204 MODERN204 MODEST205 INSPIRE


rgbH hex

ยอดนิยม แฮปปี้

พาสเทล

โทนสี

เขมขน

มีศิลป

ทันสมัย

ผอนคลาย

;

168 พื้นฐาน 168 หลากสีสัน169 สามัญ 169 ผูริเริ่ม170 เปรี้ยว-เผ็ด

170 โทนแดง 171 โทนชมพู171 โทนสม 172 โทนเหลือง 172 โทนเขียว 173 โทนน้ำเงิน 173 โทนฟา 174 โทนมวง 174 โทนน้ำตาล175 เอิรทโทน

175 โทนเบจ

176 โทนเทา176 นิวทรอล177 ขาว-ดำ

177 ละเอียดออน178 หวานละมุน

178 เจาเสนห

179 สุขใจ179 โรแมนติค

180 หอมหวาน180 แฟนซี 181 รื่นเริง 181 นุมนวล182 สำราญ182 แอ็คทีฟ

183 เยือกเย็น183 สงบนิ่ง 184 มหาสมุทร184 เงียบสงบ185 อบอุน185 สงบสุข186 ชายหาด

186 มั่งมี187 เลิศหรู187 ทรงอำนาจ

188 งามพิศ

188 เมทอลลิค189 คลาสสิค189 มนตมายา

190 อารท โนโว

190 อารท เดโค 191 เดคอร191 ล้ำหนา

192 แรงกลา192 มีระดับ193 มีสไตล193 นักสำรวจ194 อำพราง194 อินดี้ 195 เรียบงาย195 เอกลักษณ196 แสนสบาย196 นารัก

197 ใสสวาง197 เริงรา198 มีชีวิตชีวา198 สุดหรู199 งามเลิศ

199 สมารท200 แฟชั่น200 พราวเสนห

201 สุดสวย

201 สุดขีด202 ลึกล้ำ202 รื่นรมย

203 สดชื่น

203 ล้ำสมัย204 โมเดิรน 204 เรียบหรู

205 แรงดลใจ

75 ชุดสี สำหรับเว็บ

56 ละเอียดออน

58 หวานละมุน

60 เจาเสนห62 สุขใจ64 โรแมนติค


108 อารท เดโค 110 เดคอร112 ล้ำหนา

ยอดนิยม แฮปปี้

พาสเทล

โทนสี

เขมขน

มีศิลป

ทันสมัย

ผอนคลาย28 โทนแดง30 โทนชมพู 32 โทนสม 34 โทนเหลือง36 โทนเขียว 38 โทนน้ำเงิน 40 โทนฟา 42 โทนมวง44 โทนน้ำตาล

46 เอิรทโทน48 โทนเบจ 50 โทนเทา

52 นิวทรอล

54 ขาว-ดำ

66 หอมหวาน68 แฟนซี 70 รื่นเริง72 นุมนวล74 สำราญ76 แอ็คทีฟ

78 เยือกเย็น80 สงบนิ่งง82 มหาสมุทร84 เงียบสงบ86 อบอุน88 สงบสุข90 ชายหาด

92 มั่งมี94 เลิศหรู

96 ทรงอำนาจ

98 งามพิศ100 เมทอลลิค102 คลาสสิค

104 มนตมายา

114 แรงกลา116 มีระดับ118 มีสไตล120 นักสำรวจ122 อำพราง124 อินดี้ 126 เรียบงาย128 เอกลักษณ130 แสนสบาย132 นารัก

134 ใสสวาง136 เริงรา138 มีชีวิตชีวา140 สุดหรู142 งามเลิศ

144 สมารท146 แฟชั่น148 พราวเสนห

150 สุดสวย152 สุดขีด154 ลึกล้ำ

156 รื่นรมย

158 สดชื่น160 ล้ำสมัย162 โมเดิรน 164 เรียบหรู


18 พื้นฐาน 20 หลากสีสัน 22 สามัญ24 ผูริเริ่ม 26 เปรี้ยว-เผ็ด

75 ชุดสี เพื่องานพิมพ cmyk

creative COLOR schemes18 19FOR PRINT : POPULAR

BASIC

BASIC Color Combinations

พื้นฐาน

BASIC BASIC BASIC

BASIC BASIC BASIC

BASIC BASIC BASIC

BASIC BASIC BASIC

BASIC BASIC BASIC

ลักษณะ k เปนสีหลักในวงลอสี (Color wheel) ประกอบดวยสีขั้นที่ 1 (Primary colors) คือ สีแดง เหลือง น้ำเงิน และสีขั้นที่ 2 (Secondary colors) คือ สีสม เขียว มวง ซึ่งเปน สีพื้นฐานที่หลายคนเลอืกใชเปนประจำอยูแลว เนื่องจากเปนสีในโทนคอนขางสด และครอบคลมุ ทั้งโทนรอน และโทนเย็น เมื่อนำใชรวมกันจึงเกิดความตางของสี (hue contrast) สูง สงผลให

สีชุดนี้มีความชัดเจน และมีพลังมาก สามารถใชในการดึงดูดความสนใจไดเปนอยางดี

ความรูสึก 9 ชัดเจน ตรงไปตรงมา มีพลัง

สื่อถึง v พื้นฐาน การเริ่มตน ความสำคัญ เด็ก

พบไดใน 5 ของเลนเด็ก ปายโฆษณา โดยเฉพาะปายลดราคาและปายรานคา

C M Y K

20 100 80 20

15 100 100 0

0 70 100 0

0 40 100 0

0 20 100 0

0 5 100 0

100 10 100 30

100 10 100 0

75 0 100 0

100 70 10 40

100 60 10 0

100 20 0 0

70 90 0 30

70 90 0 0

55 60 0 0

HUE

CONTRAST

SEPERATION

WARM

SOFT

CLEAR

TONE SIMILAR

GRADATION

COOL

HARD

GRAYISH


COLORFUL Color Combinations

หลากสีสัน

COLORFUL

COLORFUL COLORFUL COLORFUL





ลักษณะ k ดวยความสดจากแมสีหลักในระบบการพิมพแบบ 4 สี (Process Colors) ของ Cyan, Magenta และ Yellow ทำใหสีชุดนี้ มีความสดใส และโดดเดนมาก

ความรูสึก 9 สนุกสนาน มีชีวิตชีวา กระตือรือรน ปราดเปรียวสื่อถึง v ความสดใส ความสุข วัยรุนพบไดใน 5 เสื้อผาวัยรุน งานรื่นเริง ของเด็กเลน

C M Y K

100 80 0 0

100 40 0 0

100 0 0 0

100 0 100 0

75 0 100 0

50 0 100 0

0 30 100 0

0 10 100 0

0 0 100 0

0 100 100 0

0 80 100 0

0 60 100 0

0 100 20 10

0 100 0 0

0 60 0 0

HUE

CONTRAST

SEPERATION

WARM

SOFT

CLEAR

TONE SIMILAR

GRADATION

COOL

HARD

GRAYISH


PIONEER Color Combinations

PIONEER

ลักษณะ k ชุดสีของผูริเริ่ม ชอบริิเริ่มสรางสรรคสิ่งใหมๆ มุงเนนที่ สีพื้นฐาน ซึ่งก็คือ สีแดง เขียว น้ำเงิน รวมถึงสีทองและสีเงิน

ความรูสึก 9 จริงจัง จริงใจ กลาหาญ แนวแน สรางสรรคสื่อถึง v การเริ่มตน ความสำเร็จ ความเป็นจริงพบไดใน 5 ของตกแตงคริสตมาส

ผูริเริ่ม

PIONEER PIONEER PIONEER





C M Y K

5 100 70 20

0 100 80 0

0 30 3 0

100 10 70 45

100 0 90 0

30 0 15 0

65 5 100 25

50 0 95 0

15 0 75 0

100 70 10 50

100 45 5 20

50 0 0 0

10 30 100 0

10 5 5 10

10 3 5 0

HUE

CONTRAST

SEPERATION

WARM

SOFT

CLEAR

TONE SIMILAR

GRADATION

COOL

HARD

GRAYISH

creative COLOR schemes46 47FOR PRINT : COLOR TONE

NATURAL Color Combinations

EARTHTONE

ลักษณะ k ชุดสี Earthtones หรือ Natural ไดมาจากธรรมชาติที่เราคุนเคยกันดี นั่นคือ สีน้ำตาลของพื้นดิน สีเขียวของใบไม สีน้ำเงินบนทองฟา รวมถึงสีแดงและสม ของดวงอาทิตยที่กำลังตกดิน สรางบรรยากาศอบอุน ติดดิน ใกลชิดธรรมชาติยิ่งขึ้น

ความรูสึก 9 อบอุน ปลอดภัย ติดดิน หนักแนน แข็งแรง มั่นคง ทนทาน สื่อถึง v ธรรมชาติ ชนบท สิ่งแวดลอม การผจญภัย ความเป็นมิตร ความจริงพบไดใน 5 พื้นดิน ป่าไม ภูเขา ทองฟา ทะเล ตนไม เฟอรนิเจอร โซฟา โต็ะ เกาอี้ พรม รองเทา รานกาแฟ

เอิรทโทน

EARTHTONE EARTHTONE EARTHTONE





HUE

CONTRAST

SEPERATION

WARM

SOFT

CLEAR

TONE SIMILAR

GRADATION

COOL

HARD

GRAYISH

C M Y K

30 50 60 80

20 30 40 50

10 15 30 30

20 70 90 70

15 50 90 50

5 20 40 20

10 80 100 50

0 55 100 10

0 5 50 5

55 25 85 70

50 5 80 25

25 0 40 5

55 30 20 50

30 15 10 30

20 10 10 10

creative COLOR schemes90 91FOR PRINT : RELAX

BEACH Color Combinations

BEACH

ลักษณะ k ชุดสี Beach ประกอบดวยสีที่เราพบเห็นไดตามชายหาดทั่วไป นั่นคือสีของแสงอาทิตย หาดทราย ตนไม ทองฟา และน้ำทะเล

ความรูสึก 9 สดชื่น เย็นสบาย ผอนคลายสื่อถึง v บรรยากาศริมทะเล หาดทราย สายลมพบไดใน 5 ชายหาด ทองทะเล บานพักริมทะเล

ชายหาด

BEACH BEACH BEACH

BEACH BEACH BEACH

BEACH BEACH BEACH

BEACH BEACH BEACH

BEACH BEACH BEACH

C M Y K

5 95 75 20

0 50 80 0

0 10 30 0

15 30 35 50

5 15 20 20

3 5 15 10

55 5 80 25

35 0 50 5

15 0 30 0

100 0 30 5

60 0 20 0

40 0 10 0

100 5 20 25

95 0 10 0

60 0 5 0

HUE

CONTRAST

SEPERATION

WARM

SOFT

CLEAR

TONE SIMILAR

GRADATION

COOL

HARD

GRAYISH

creative COLOR schemes118 119FOR PRINT : ARTISTIC

STYLISH Color Combinations

STYLISH

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

ความรูสึก 9 สวย เก ดูดี มีสไตลสื่อถึง v ความทันสมัย ผูนำแฟชั่น ความเป็นตัวของตัวเองพบไดใน 5 งานออกแบบสมัยใหม

มีสไตล

STYLISH

C M Y K

100 80 50 50

100 70 35 20

60 25 35 0

60 40 100 30

60 10 100 0

30 0 80 0

15 90 90 5

10 80 100 0

10 70 40 0

90 100 10 10

50 70 35 10

40 30 5 0

40 50 80 20

25 30 70 0

20 20 50 0

STYLISH STYLISH

STYLISH STYLISH STYLISH




HUE

CONTRAST

SEPERATION

WARM

SOFT

CLEAR

TONE SIMILAR

GRADATION

COOL

HARD

GRAYISH

creative COLOR schemes160 161FOR PRINT : IN TREND

VOGUE Color Combinations

VOGUE

ลักษณะ k ชุดสีของผูนำแฟชั่น ประกอบดวยสีล้ำสมัยในโทนอมเทา ที่แฟงไวซึ่งความออนหวานและปราดเปรียวอยูในตัว

ความรูสึก 9 สุขุม ลุมลึก นุมนวล ออนหวาน ออนไหว เยายวนสื่อถึง v ความมั่นใจ ผูนำแฟชั่น เป็นตัวของตัวเองพบไดใน 5 งานออกแบบสมัยใหม วงการแฟชั่น

VOGUE

C M Y K

80 60 40 15

80 50 30 5

35 0 15 0

60 30 70 10

60 45 45 10

25 30 70 0

0 25 70 0

0 10 50 0

0 0 50 0

70 90 20 5

60 70 20 0

50 50 20 0

50 80 40 20

30 90 30 0

25 40 15 0

VOGUE VOGUE

VOGUE VOGUE VOGUE

VOGUE VOGUE VOGUE

VOGUE VOGUE VOGUE

VOGUE VOGUE VOGUE

HUE

CONTRAST

SEPERATION

WARM

SOFT

CLEAR

TONE SIMILAR

GRADATION

COOL

HARD

GRAYISH

ล้ำสมัย

creative COLOR schemes168 169FOR WEB : POPULAR

BASICพื้นฐาน

178 31 53 #B21F35

216 39 53 #D82735

255 116 53 #FF7435

255 161 53 #FFA135

255 203 53 #FFCB35

255 249 53 #FFF735

0 117 58 #00753A

0 158 71 #009E47

22 221 53 #16DD36

0 82 165 #0052A5

0 121 231 #0079E7

0 169 252 #06A9FC

104 30 126 #681E7E

125 60 181 #7D3CB5

189 122 246 #BD7AF6

R G B HEX

COMMONสามัญ

0 38 133 #002685

66 154 223 #449ADF

77 199 253 #4DC7FD

76 14 119 #4CDE77

94 83 199 #5E53C7

126 119 210 #7E77D2

205 30 16 #CD1E10

252 0 127 #FC007F

254 121 209 #FE79D1

118 57 49 #763931

241 171 0 #F1AB00

250 223 0 #FADF00

0 0 0 #000000

0 126 58 #007E3A

100 209 62 #64D13E

R G B HEX

PIONEERผูริเริ่ม

R G B HEX

193 0 50 #C10032

234 3 55 #EA0337

254 197 222 #FEC5DE

0 101 68 #006544

0 149 67 #009543

177 231 223 #B1E7DF

79 137 16 #4F8910

135 211 0 #87D300

169 229 88 #A9E558

0 45 98 #002D62

0 81 155 #00519B

120 199 235 #78C7EB

253 184 0 #FDB800

195 200 205 #C3C8CD

221 226 231 #DDE2E7

COLORFULหลากสีสัน

R G B HEX

0 71 189 #0047BD

2 136 217 #0288D9

7 185 252 #07B9FC

0 149 67 #009543

0 171 56 #00AB38

154 240 0 #9AF000

255 179 0 #FFB300

255 206 0 #FFCE00

255 230 59 #FFE63B

234 0 52 #EA0034

253 71 3 #FD4703

255 130 42 #FF822A

130 0 172 #8200AC

182 16 191 #B610BF

204 114 245 #CC72F5

creative COLOR schemes198 199FOR WEB : IN TREND

VIVID241 67 3 #F14303

241 106 8 #F16A08

254 165 24 #FEA518

186 107 17 #BA6B11

231 179 3 #E7B303

254 232 0 #FEE800

141 186 5 #8DBA05

166 220 65 #A6DC41

0 144 208 #0090D0

91 195 245 #5BC3F5

163 21 134 #A31586

232 30 191 #E81EBF

161 0 193 #A100C1

134 81 247 #8651F7

200 178 247 #C8B2F7

R G B HEX

มีชีวิตชีวา

LUXURY20 12 92 #140C5C

77 28 122 #4D1C7A

133 0 94 #85005E

195 0 117 #C30075

239 65 35 #EF4123

244 116 24 #F47418

255 202 0 #FFCA00

249 244 0 #F9F400

164 166 169 #A4A6A9

0 112 142 #00708E

0 144 172 #0090AC

79 183 206 #4FB7CE

26 142 198 #1A8EC6

109 185 222 #6DB9DE

168 214 236 #A8D6EC

R G B HEX

สุดหรู

GORGEOUS0 104 132 #006884

0 144 158 #00909E

137 219 236 #89DBEC

237 0 38 #ED0026

250 157 0 #FA9D00

255 208 141 #FFD08D

176 0 81 #B00051

246 131 112 #F68370

254 171 185 #FEABB9

110 0 108 #6E006C

145 39 143 #91278F

207 151 215 #CF97D7

0 0 0 #000000

91 91 91 #5B5B5B

212 212 212 #D4D4D4

R G B HEX

งามเลิศ

SMART49 38 89 #312659

55 59 129 #373B81

66 80 150 #425096

13 96 165 #0D60A5

41 123 198 #297BC6

62 160 237 #3EA0ED

22 159 173 #169FAD

48 193 216 #30C1D8

127 227 247 #7FE3F7

176 17 22 #B01116

215 25 32 #D71920

254 171 7 #FEAB07

254 211 65 #FED341

255 218 122 #FFDA7A

255 238 188 #FFEEBC

R G B HEX

สมารท

creative COLOR schemes206 207INDEX

186 ชายหาด

186 มั่งมี 187 เลิศหรู187 ทรงอำนาจ

188 งามพิศ

188 เมทอลลิค

189 คลาสสิค


190 อารท เดโค


191 ล้ำหนา 193 มีสไตล

192 มีระดับ

192 แรงกลา

191 เดคอร

195 เรียบงาย

194 อินดี้

194 อำพราง

195 เอกลักษณ

197 ใสสวาง

196 นารัก

196 แสนสบาย

199 สมารท

199 งามเลิศ

198 สุดหรู

198 มีชีวิตชีวา


200 พราวเสนห

200 แฟชั่น



202 ลึกล้ำ

204 เรียบหรู

204 โมเดิรน

168 พื้นฐาน

169 สามัญ

169 ผูริเริ่ม

168 หลากสีสัน

170 โทนแดง

170 เปรี้ยว-เผ็ด

171 โทนชมพู

171 โทนสม

172 โทนเขียว

172 โทนเหลือง

173 โทนฟา

173 โทนน้ำเงิน

174 โทนน้ำตาล

174 โทนมวง


175 เอิรทโทน


176 โทนเทา

177 ขาว-ดำ




179 สุขใจ

179 โรแมนติค

180 แฟนซี

180 หอมหวาน

181 รื่นเริง

181 นุมนวล

182 สำราญ

182 แอ็คทีฟ

183 สงบนิ่ง

183 เยือกเย็น

184 เงียบสงบ

184 มหาสมุทร

185 อบอุน

185 สงบสุข


203 ล้ำสมัย

171 สุดขีด

197 เริงรา

193 นักสำรวจ

18 พื้นฐาน

20 หลากสีสัน

22 สามัญ

24 ผูริเริ่ม

26 เปรี้ยว-เผ็ด

28 โทนแดง

74 โทนชมพู

32 โทนสม

34 โทนเหลือง

36 โทนเขียว

38 โทนน้ำเงิน

40 โทนฟา

42 โทนมวง

44 โทนน้ำตาล

46 เอิรทโทน


50 โทนเทา


54 ขาว-ดำ




62 สุขใจ 64 โรแมนติค

66 หอมหวาน

68 แฟนซี

70 รื่นเริง

72 นุมนวล

74 สำราญ

76 แอ็คทีฟ

78 เยือกเย็น

80 สงบนิ่ง

82 มหาสมุทร

84 เงียบสงบ

86 อบอุน

88 สงบสุข

90 ชายหาด

92 มั่งมี

94 เลิศหรู

96 ทรงอำนาจ98 งามพิศ

100 เมทอลลิค

102 คลาสสิค



108 อารท เดโค

110 เดคอร

112 ล้ำหนา

114 แรงกลา

116 มีระดับ

118 มีสไตล

120 นักสำรวจ

122 อำพราง

124 อินดี้

126 เรียบงาย

128 เอกลักษณ

130 แสนสบาย

132 นารัก

134 ใสสวาง

136 เริงรา

138 มีชีวิตชีวา

140 สุดหรู

142 งามเลิศ

144 สมารท

146 แฟชั่น

148 พราวเสนห


152 สุดขีด

154 ลึกล้ำ



160 ล้ำสมัย

162 โมเดิรน

164 เรียบหรู


VISUAL INDEX FOR PRINT

VISUAL INDEX FOR WEB

ccs book preview

Documents