creative color schemes€¦ · color combinations that are ready to be used in any design project....
TRANSCRIPT
beautiful
attractive
impressive
240 Color Schemes for Creative Design Projects
eBook
CREATIVE COLOR S C H E M E S
THAWATCHAI SRISUTHEP
CreativeColorSchemes.com
Graphic design, publication, brochures, posters, packaging, websites
With CMYK | RGB | HEX color values
VersionRGBRGB | HEX Color Values
WWW.CREATIVECOLORSCHEMES.COM
CREATIVE COLOR S C H E M E S
Best view in Adobe Reader with Page Display settings:
Two Page View Show Cover Page in Two Page View
VersionRGBRGB | HEX Color Values
For Websites, PowerPoint, Flash, Animation, Banners
Clickable Color Schemes IndexesClick at a color scheme group in the Creative Color Schemes Indexes to go directly to that color scheme page.
Back to Color Schemes Index ButtonsWhile you were on a color scheme page, click the Index button at the top of the page will easily bring you right back to the Color Schemes Index of that color scheme.
Color Scheme BookmarksAnother way to quickly access color schemes is to click at bookmark links in the Bookmarks section of Adobe Reader to go to a specific part of color schemes. This eBook con-tains 24 bookmarks that start from 001, 011, 021, 031, and so on till 231.
Page ThumbnailsQuickly explore color schemes through page thumbnails in the Page Thumbnails section of Adobe Reader. Click at a thumbnail to go to a particular color scheme instantly.
Interactive eBook Features
CREATIVE COLOR S C H E M E S
2
Publisher’s Cataloging-in-Publication DataSrisuthep, Thawatchai
Creative Color Schemes 2 / Thawatchai Srisuthep
p. cm.
ISBN 978-616-90855-0-8
1. Computer graphic 2. Color and color usage I.Title.
006.6
First Edition
Print in Thailand
Publisher The Creative Guide
134/118 Nonthaburi Rd., Muang, Nonthaburi
11000 Thailand
Tel. 08 1918 2300 Fax. 0 2967 0440
E-mail: [email protected]: www.creativecolorschemes.com
THAWATCHAI SRISUTHEPcolorist
Copyright © 2011 All Rights Reserve by Thawatchai Srisuthep
All rights reserved. No part of this publication may be reproduced or distributed in any form or by any electronic or mechanical means, including information storage and retrieval system without written permission from the publisher, except by a reviewer, who may quote a brief part in a review.
Fair Use: In order to provide for a seamless reading experience, this eBook does not contain digital rights management (DRM). Therefore, no password is required to open this eBook, nor is this eBook tied to reading on a particular device or limited to a fixed number of eBook devices.
However, you are permitted to install this eBook on any number of devices capable of reading this eBook, if each device is under the control of the original Buyer of this eBook, and if access to this eBook is limited to the original Buyer. This expressly precludes placing this eBook on any public or private network where multiple parties are able to access it. You are not permitted to share, loan, sell, or give this eBook to any third party.
3
The Creative Color Schemes 2 follows its predecessor The Creative Color Schemes launched in 2009. The Creative Color Schemes 2 consists of 240 innovative color combinations that are ready to be used in any design project. All these color schemes are fresh, beautiful and impressive. Designers, Illustrators and artists will find this book an indispensable resource of innovative color schemes ideas.
In this book, a color scheme consists of 5 colors instead of 15 colors in the previous book. This compact color scheme will make it more straightforward and easier to use than before. Moreover, many design projects typically use only 3-5 colors in their designs.
The Creative Color Schemes 2, an essential tool to work with colors effectively without an effort. It provides an exciting new way off choosing color schemes for your designs. You can quickly explore all color schemes and easily find the most suitable color scheme for your design project. One of its advantages is that you can experience the personality and feeling of all color schemes before using them.
Thanking for purchasing a copy of The Creative Color Schemes 2. I hope it becomes a valued addition to your creative design resources. Now, let’s enjoy choosing the perfect color scheme for your works.
Thawatchai Srisuthep
Search “Creative Color Schemes” in the Search field of Facebook and click “Like” button on top of the page
Become a Fan of The Creative Color Schemes on Facebook
Get connect to the Creative Color Schemes on Facebook for news, update and special promotion.
4 003002 004001
The Creative Color Schemes 2 contains 240 color combinations that are ready to use in any design projects. All these color schemes are designed with a balance of harmony, contrast, continuation, variation and the feeling of colors. Without worrying about color theory, you can easily explore ideas of color combinations from all these color schemes. With 240 stunning color schemes at hand, you can choose your desired color schemes in a minute. Stop wasting your time on randomly choosing one color at a time and hoping that they will go well together.
All these ready to use color schemes will help you work with colors easily. You will clearly see the effect of color combina-tions before applying them to your works. So you can feel confident that the color schemes you use will really give you the desired color effect. The most important thing is that you do not need to risk your time and resources with the colors you see on the screen. You can get the right colors in print at the very first time.
An impressive color scheme will increase the color impact of your design, making it more attractive. Moreover, a color scheme that suits your content will help conveying the message to the audi-ence. You will see plenty of examples on how to use colors together. They show the contrast between colors when they are used together, including color char-acters on color backgrounds. The color usage illustration will help you see all the color interaction among colors in a theme before applying them to your projects.
Basically, the color model of process printing is completely different from on-screen display. In fact, CMYK is an ink-based system that mixes percentages of cyan, magenta, yellow, and black inks together to create all other colors. On the other hand, RGB is a light-based system that combines red, green, and blue lights to generate particular colors on a screen.
The colors you see on the screen may look slightly different from colors in the book, especially blue, green, magenta and violet. In addition, colors on screen normally look brighter than colors printed on paper. That is why we create the RGB version for this book.
The RGB version of the Creative Color Schemes 2 is specially designed for on-screen display with its full lightness and luminosity. With the completely new optimized RGB and HEX values, many colors are now brighter and clearer than before. Light and vivid colors appear even more refreshing and shining than ever.
The Creative Color Schemes 2 also comes in the RGB, Glow in the Dark edition. As a result, the whole brilliant colors are glowed in the dark. Both of the RGB version e-books are suitable for any design of PowerPoint, website, animation and all kinds of digital media.
Creative Color Schemes OrderingAll of 240 color schemes in this
book are ordering by similarity of color schemes. Each color scheme is identified by number of 001 to 240. Many color schemes are grouped by similarity of hues and tones as you can see from the index. These color schemes are arranged from light to dark and from vivid to dull colors. Normally, the color scheme on the right side of pages is darker or more saturated than the one on the left side.
240 Stunning Color Schemes at the Ready
Color Schemes for Digital Media
5
More Information about these eBooks, please visit CreativeColorSchemes.com
Extra Version eBooksAs companions to The Creative Color Schemes 2, these eBooks offer more
variations on the color schemes.
Compares the different of color scheme 026 in CMYKand RGB version
CMYK
RGB
3
The Creative Color Scheme 2, RGB Version
The RGB version of the Creative Color Schemes 2 is specially designed for on-screen display with its full lightness and luminosity. With the completely new optimized RGB and HEX values, many colors are now brighter and clearer than before. Light and vivid colors appear even more refreshing and shining than ever.
The RGB version eBooks are suitable for any design of PowerPoint, website, animation and all kinds of digital media.
The Creative Color Scheme 2, Glow in the Dark Edition
Simply turn background color to black thus creating a new dramatic look of the creative color schemes. In this edition, the entire color schemes are glowing in the dark beautifully, providing unprecedented experience and inspiration. Moreover, colors in soft and light shades can easily be seen in the dark. Exploring the Creative Color Schemes in the dark mode will definitely expand your color combination ideas.
We can roughly divide all color schemes into 2 parts. The first part consists of color schemes that are bright and vibrant. Meanwhile, color schemes in the second part are more into grayish and dark tones. They are all fascinating color schemes with their own personality and feeling.
To avoid limiting each designer’s personal meaning of our color schemes, we decided not to name each color scheme. This opens the opportunity for designers to freely imagine the person-ality and feeling of all color schemes by themselves.
6
Evaluate the 3-Color Combinations
Recommendations in Using the Creative Color Schemes
Explore the Color Applications
Once you have selected a desired color scheme, the next thing is to evaluate color usage illustration in the Color Applications part. You will clearly see how colors are interacting with one another in a theme and discover how well each color goes together. Please notice the color contrast and only use the color combinations that give enough contrast. Do not use colors that are too similar or crash with each other.
Examples in the Color Characters on Color Backgrounds part show legibility of colors when they are used together. We should only use a combination of colors that have enough contrast and easy to read.
In the 3-Color Combinations part at the bottom of a page, there are 15 groups of 3-Color Combinations. All of these combinations are organized so that a color in a theme is connecting to the other four colors. Before choosing a group of colors to work on, you can clearly see the interaction of all colors in a color scheme. Therefore, you will know exactly which colors are good together versus the ones that are not.
This section will help you quickly select a group of three colors for your design. Moreover, they will ensure how colors will appear in your work right before using them.
Start at the Color Scheme PalettesTo find out which color scheme suits your project, first explore all
the color schemes by looking at the Color Scheme Palettes, Color Dots and Color Circles at the upper part of the page. The 5-Color Scheme Palettes on the center are best representing the character and feeling of a particular color scheme.
You can begin your search by quickly scanning the color index. Then go to your target color scheme for all the details. These are some recommendations while you look at a particular color scheme.
7
The Color Gradient Strip at the bottom of each page shows the gradient of all colors in that color scheme. It is easy to see how a color gradually changes to another color. Try to use a color gradient in a background of your work, and you will see how beautiful it is.
Extended Color PalettesIf all five colors in a color scheme are not enough for your project, you
can look for other colors from nearby color schemes, especially the one on the other side of the page. Since all color schemes are organized by similarity of hues and tones, neighboring color palettes that are still in the same tone usually go together.
In addition to five colors in a color scheme, there are white, black and gray colors that you can add to your palettes. Therefore, do not forget to try adding white, black and some shades of gray to your design wherever they are needed.
Try the Color Gradient Stripe
Please note that in each color scheme, some colors are too similar to use together. These colors are especially dark colors with the same intensity as well as light colors with the same intensity. So please do not put these colors next to each other because it is difficult to differentiate them.
Using Color ValuesIn order to use the color schemes, simply put the desired color values
in your design program. Create color palettes for all colors that you plan to use. First, use CMYK values for Cyan, Magenta, Yellow, and Black inks for print media. Second, use RGB values for Red, Green and Blue colors for on-screen media like PowerPoint and animation. And last, for web design, use Hexadecimal value that start with “#” sign in the target area on a webpage.
Apply CMYK values to create color swatches
for your design
4 4
8
Color Palette
Color scheme in five rectangles that clearly expresses nature and feeling of the color scheme. The order of colors is carefully organized for the best effect of that color scheme.
4
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
5
Color Values in CMYK, RGB and HEX
Color Scheme
Circle
Color Dots
Color Circles
Color Scheme Number
The area that shows how to use color on characters against several color backgrounds in various ways
Color background stripes, start from white and then follow by them colors in sequence.
Shows character colors, dot colors, and stroke colors on various background colors in a theme
In the same column, both colors of character and dot stroke are the same as the circle color on top of their column. Meanwhile, colors of dots are all five colors of a scheme.
In the position where column color and background color are the same, the color of character and dot stroke as well as a dot on the sidebar are changed to white instead
In this area, there are 15 groups of 3-Color Combinations. All these combinations are organized so that a color in a theme is connecting to the other four colors. In this area, you can clearly see the interaction of all colors in a color scheme. This will help you quickly select a group of three colors for your design.
In each column, the first two colors are fixed and organized in sequence. For example, the first column has color 1 and color 2 as main colors, the second column has color 2 and color 3 as main colors, and so on. Meanwhile, the third column in each group has one of the remaining colors in the theme.
3-Color Combinations
Color ApplicationsText Color
Stroke Color
Background Color
Vertical Color Dots
Color Gradient StripeThis stripe shows the gradient of colors in the scheme. The order of color gradient is determined by continuity of colors.
color
color
color
Please spot color interaction in each position and only select a group of colors that work well together. Only use a combination of colors that has enough contrast and easy to read. Do not use colors that are too similar or crash with each other.
This chart demonstrates how to use all colors in the scheme together in a form of character colors on various background colors as well as dot fills and dot strokes on various background colors
As an illustration on the next page, the red circle signs mark a few pairs of color combinations that do not provide enough contrast and thus not suitable to use.
Five vertical color dots show theme colors on several background colors
The identification number of a color scheme, colored by one of colors in that color scheme
Color Scheme in five Dots
Color scheme in five circles, all theme colors are ordered from inside to outside
Color of these circles represent the core color of characters and stroke of color dots in its column below
3
33
3
6
6
6
6
4
4
44
A row of color dots may locate on the left or the right side of the illustration
3
4
4
4Color values in CMYK (Cyan, Magenta, Yellow, and Black) for graphic design and print media, RGB (Red, Green and Blue) values for on-screen media, and HEX (Hexadecimal) values for web design.
3
6
9
1 2 3
4
5
2 3 4
5
1
3 4 5
1
2
4 5 1
2
3
5 1 2
3
4
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
008
6 6 6 6 66 6 6 6 6
6 66 6 6
R255G104B106#FF686A
R149G170B193#95AAC1
R185G208B90#B9D05A
R225G247B183#E1F7B7
R241G179B100#F1B364
C0M70Y40K0
C40M10Y0K20
C30M0Y80K0
C0M0Y35K0
C0M30Y65K0
10
039038 040
001
011
019
027
005
015
023
033
031
009
003
013
021
029
007
017
025
035
002
012
020
028
006
016
024
034
032
010
004
014
022
030
008
018
026
036
037
CREATIVE COLOR SCHEMES INDEX
11
041
045
057
073
049
061
077
067
053
065
071
043
047
059
075
051
063
079
069
055
042
046
058
074
050
062
078
068
054
066
072
044
048
060
076
052
064
080
070
056
CREATIVE COLOR SCHEMES INDEX
12
085
091
105
081
087
101
107
111
115
093
097
083
089
103
109
113
117
095
099
086
092
106
082
088
102
108
112
116
094
098
084
090
104
110
114
118
096
100
CREATIVE COLOR SCHEMES INDEX
13
119
129
137
143
149
155
123
133
141
147
153
127
121
131
139
145
151
157
125
135
120
130
138
144
150
156
124
134
142
148
154
128
122
132
140
146
152
158
126
136
CREATIVE COLOR SCHEMES INDEX
14
159
167
173
163
171
177
181
185
189
193
197
201
161
169
175
165
179
183
187
191
195
199
160
168
174
164
172
178
182
186
190
194
198
202
162
170
176
166
180
184
188
192
196
200
CREATIVE COLOR SCHEMES INDEX
15
203
207
219
211
223
227
237
231
235
215
205
209
221
213
225
229
239
233
217
204
208
220
212
224
228
238
232
236
216
206
210
222
214
226
230
240
234
218
CREATIVE COLOR SCHEMES INDEX
60
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
045
R145G242B242#91F2F2
R42G189B240#2ABDF0
R238G61B150#EE3D96
R112G204B0#70CC00
R255G229B25#FFE519
61
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
046
color colorcolor color color
R255G255B0#FFFF00
R89G201B0#59C900
R237G0B128#ED0080
R255G217B0#FFD900
R0G173B220#00ADDC
62
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
047
R0G184B222#00B8DE
R129G215B30#81D71E
R255G153B0#FF9900
R236G0B140#EC008C
R255G255B0#FFFF00
63
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
048
color colorcolor color color
R242G255B76#F2FF4C
R133G222B0#85DE00
R255G127B0#FF7F00
R238G61B138#EE3D8A
R0G166B255#00A6FF
R0G153B204#0099CC
R0G201B206#00C9CE
R255G5B140#E1058C
R255G153B0#FF9900
R255G242B0#FFF200
64
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
049
color colorcolor color color
R255G153B0#FF9900
R146G39B143#92278F
R237G40B145#ED2891
R255G229B25#FFE519
R0G178B178#00B2B2
65
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
050
66
R0G214B235#00D6EB
R57G102B127#39667F
R255G217B0#FFD900
R255G102B127#FF667F
R208G23B120#D01778
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
051
67
R180G14B128#B40E80
R44G163B188#2CA3BC
R0G117B140#00758C
R255G191B25#FFBF19
R255G127B0#FF7F00
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
052
68
R226G72B148#E24894
R102G37B132#662584
R0G169B196#00A9C4
R139G207B0#8BCF00
R255G217B25#FFD919
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
053
69
R255G191B0#FFBF00
R0G151B186#0097BA
R126G53B133#7E3585
R242G0B48#F20030
R133G212B0#85D400
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
054
color colorcolor color color
70
R136G20B119#881477
R236G0B140#EC008C
R51G204B255#33CCFF
R255G217B0#FFD900
R204G143B0#CC8F00
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
055
color colorcolor color color
71
R92G45B145#5C2D91
R0G174B239#00AEEF
R237G6B119#ED0677
R255G204B0#FFCC00
R90G191B0#5ABF00
INDEX 02
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
056
creative COLOR schemes46 47FOR PRINT : COLOR TONE
EARTHTONE Color Combinations
EARTHTONE
ลักษณะ k ชุดสี Earthtones หรือ Natural ไดมาจากธรรมชาติที่เราคุนเคยกัน
ดี นั่นคือ สีน้ำาตาลของพื้นดิน สีเขียวของใบไม สีน้ำาเงินบนทองฟา รวมถึงสีแดงและสม
ของดวงอาทิตยที่กำาลังตกดิน สรางบรรยากาศอบอุน ติดดิน ใกลชิดธรรมชาติยิ่งขึ้น
ความรูสึก 9 อบอุน ปลอดภัย ติดดิน หนักแนน แข็งแรง มั่นคง ทนทาน
สื่อถึง v ธรรมชาติ ชนบท สิ่งแวดลอม การผจญภัย ความเป็นมิตร ความจริง
พบไดใน 5 พื้นดิน ป่าไม ภูเขา ทองฟา ทะเล ตนไม เฟอรนิเจอร โซฟา โต็ะ เกาอี้
พรม รองเทา รานกาแฟ
เอิรทโทน
EARTHTONE EARTHTONE EARTHTONE
EARTHTONE EARTHTONE EARTHTONE
EARTHTONE EARTHTONE EARTHTONE
EARTHTONE EARTHTONE EARTHTONE
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 schemes166 167FOR PRINT : IN TREND
INSPIRE Color Combinations
INSPIRE
ลักษณะ k ชุดสีแหงแรงบันดาลใจ ประกอบดวยสีสดใสในโทนออนๆ
ของสีชมพู ฟา เขียว และเหลือง รวมกับสีเทา ไดเปนชุดสีที่มีแรงจูงใจสูง
ความรูสึก 9 สะอาด สดชื่น สดใส ไรเดียงสา จูงใจ มุงมั่น สรางสรรค
สื่อถึง v แรงบันดาลใจ กำาลังใจ ความหวัง
พบไดใน 5 งานออกแบบสมัยใหม
INSPIRE INSPIRE INSPIRE
INSPIRE INSPIRE INSPIRE
INSPIRE INSPIRE INSPIRE
INSPIRE INSPIRE INSPIRE
INSPIRE INSPIRE INSPIRE
C M Y K
5 90 0 0
5 55 0 0
0 20 5 0
85 5 0 0
60 0 5 0
35 0 5 0
55 0 95 0
35 0 60 0
20 0 35 0
0 30 95 0
0 20 90 0
0 10 50 0
55 30 15 50
25 10 10 20
10 3 3 3
hue
contrast
seperation
warm
soft
clear
tone similar
gradation
cool
hard
grayish
แรงดลใจ
(Volume 1)
75 Color Schemes for Print75 Color Schemes for the Web
More Information, please visit CreativeColorSchemes.com
CREATIVE COLOR
SCHEMES
ISBN 978-616-90855-0-8
CREATIVECOLORSCHEMS.COM
9 786169 085508
CREATIVE COLOR
SCHEMES
Graphic ArtsColor Guides
240 Color Schemes for Creative Design Projects
The Creative Color Schemes 2 consists of 240 innovative color combinations that are ready to be used in any design project. All these color schemes are fresh, beautiful and impressive. Designers, Illustrators and artists will find this book an indispensable resource of innovative color schemes ideas.
The Creative Color Schemes 2, an essential tool to work with colors effectively without an effort. It provides an exciting new way of choosing color schemes for your designs. You can quickly explore all color schemes and easily find the most suitable color scheme for your design project. One of its advantages is that you can experience the personality and feeling of all color schemes before using them.