Nazwy kolorów w projektach graficznych

Nie od dziś wiadomo, że kolory pomagają w wyrażaniu uczuć i wyzwalaniu określonych emocji w odbiorcach. Dlatego też graficy, tworzący rozmaite projekty dla firm, zwracają uwagę na odpowiedni dobór barw. Na łamach bloga pisaliśmy już o tym, jakie znaczenie mają kolory w projektowaniu. Są one bardzo ważne w odnoszeniu przez marki sukcesów wizerunkowych, wpływających w pewnym stopniu na poziom sprzedaży produktów lub usług. Chociaż graficy najczęściej bazują na zapisie hexadecymalnym kolorów, klienci mogą mieć z tym problem. Ciężko sobie wyobrazić, jaka barwa kryje się za #E96B39. Dlatego też zebraliśmy listę najpopularniejszych kolorów wykorzystywanych w projektach graficznych wraz z ich przyjętymi nazwami oraz kodami HEX.

Zapis hexadecymalny kolorów – kody hex kolorów

Korzystając z palety RGB, wykorzystuje się trzy barwy do stworzenia właściwego koloru. Są nimi: czerwony (red), zielony (green) oraz niebieski (blue). W projektach graficznych, które są wykorzystywane w mediach cyfrowych, czyli w internecie, najpowszechniejszy ich zapis to szesnastkowy. Zagłębiając się w ich strukturę, można zauważyć sześć cyfr w ujęciu heksadecymalnym. Łączny zapis stanowi więc 3 bajty. Kolory w takiej postaci wykorzystuje się w grafikach publikowanych w internecie. Również osoby tworzące strony internetowe stosują zapis HEX barw poszczególnych elementów.

Nazwy kolorów – lista kolorów

Zapisem hexadecymalnym kolorów posługują się graficy w tworzonych przez siebie projektach. Wiadomo jednak, że klienci, którzy zwracają się o wykonanie takich materiałów, nie muszą, a nawet nie potrzebują znać takiego sposobu prezentowania barw. Posługiwanie się przez grafików w kontaktach ze zleceniodawcami takim skomplikowanym zapisem może rodzić sporo problemów. Dlatego też odchodzi się od takiego działania lub oprócz kodu HEX prezentuje się nazwę, która została przyjęta i jest powszechnie wykorzystywana.

Oto lista najpopularniejszych kolorów wraz z ich kodami HEX oraz nazwami w języku polskim i angielskim:

Odcienie żółtego – barwa żółta

Nazwa angielska	Nazwa polska	Kolor	kod HEX	kod RGB
Yellow	Żółty		#FFFF00	255 255 0
Gold	Złoty		#FFD700	255 215 0
Light Yellow	Jasny żółty		#FFFFE0	255 255 224
Lemon Chiffon	Cytrynowy szyfon		#FFFACD	255 250 205
Light Goldenrod Yellow	Jasnożółta nawłoć		#FAFAD2	250 250 210
Papaya Whip	Bicz z papai		#FFEFD5	255 239 213
Moccasin	Mokasyn		#FFE4B5	255 228 181
Peach Puff	Ptyś brzoskwiniowy		#FFDAB9	255 218 185
Pale Goldenrod	Blada nawłoć		#EEE8AA	238 232 170
Khaki	Khaki		#F0E68C	240 230 140
Dark Khaki	Ciemny khaki		#BDB76B	189 183 107

Odcienie pomarańczowego – barwa pomarańczowa

Nazwa angielska	Nazwa polska	Kolor	kod HEX	kod RGB
Coral	Koralowy		#FF7F50	255 127 80
Tomato	Pomidor		#FF6347	255 99 71
Orange	Pomarańczowy		#FFA500	255 165 0
Dark Orange	Ciemny pomarańczowy		#FF8C00	255 140 0
Orange Red	Pomarańczowy czerwony		#FF4500	255 69 0

Odcienie czerwonego – barwa czerwona

Nazwa angielska	Nazwa polska	Kolor	kod HEX	kod RGB
Salmon	Łososiowy		#FA8072	250 128 114
Dark Salmon	Ciemny łososiowy		#E9967A	233 150 122
Light Salmon	Jasny łososiowy		#FFA07A	255 160 122
Indian Red	Indyjski czerwony		#CD5C5C	205 92 92
Light Coral	Jasny koralowy		#F08080	240 128 128
Crimson	Karmazynowy		#DC143C	220 20 60
Red	Czerwony		#FF0000	255 0 0
Fire Brick	Ognista cegła		#B22222	178 34 34
Dark Red	Ciemny czerwony		#8B0000	139 0 0

Odcienie różowego – barwa różowa

Nazwa angielska	Nazwa polska	Kolor	kod HEX	kod RGB
Pink	Różowy		#FFC0CB	255 192 203
Misty Rose	Mglista róża		#FFE4E1	255 228 225
Light Pink	Jasny róż		#FFB6C1	255 182 193
Hot Pink	Gorący róż		#FF69B4	255 105 180
Deep Pink	Głęboki róż		#FF1493	255 20 147
Medium Violet Red	Średni fioletowo-czerwony		#C71585	199 21 133

Odcienie fioletowego – barwa fioletowa

Nazwa angielska	Nazwa polska	Kolor	kod HEX	kod RGB
Lavender	Lawendowy		#E6E6FA	230 230 250
Thistle	Oset		#D8BFD8	216 191 216
Plum	Śliwka		#DDA0DD	221 160 221
Pale Violet Red	Blady fioletowo-czerwony		#DB7093	219 112 147
Violet	Fioletowy		#EE82EE	238 130 238
Orchid	Orchidea		#DA70D6	218 112 214
Fuchsia	Fuksja		#FF00FF	255 0 255
Magenta	Magenta		#FF00FF	255 0 255
Medium Orchid	Średnia orchidea		#BA55D3	186 85 211
Medium Purple	Średni fioletowy		#9370DB	147 112 219
Blue Violet	Niebieski fioletowy		#8A2BE2	138 43 226
Dark Violet	Ciemny fioletowy		#9400D3	148 0 211
Dark Orchid	Ciemna orchidea		#9932CC	153 50 204
Dark Magenta	Ciemna magenta		#8B008B	139 0 139
Purple	Purpurowy		#800080	128 0 128
Indigo	Indygo		#4B0082	75 0 130
Slate Blue	Łupkowy niebieski		#6A5ACD	106 90 205
Dark Slate Blue	Ciemny łupkowy niebieski		#483D8B	72 61 139
Medium Slate Blue	Średni łupkowy niebieski		#7B68EE	123 104 238

Odcienie niebieskiego – barwa niebieska

Nazwa angielska	Nazwa polska	Kolor	kod HEX	kod RGB
Aqua	Wodny		#00FFFF	0 255 255
Cyan	Cyjan		#00FFFF	0 255 255
Light Cyan	Jasny cyjan		#E0FFFF	224 255 255
Pale Turquoise	Blady turkus		#AFEEEE	175 238 238
Aquamarine	Akwamaryn		#7FFFD4	127 255 212
Turquoise	Turkusowy		#40E0D0	64 224 208
Medium Turquoise	Średni turkus		#48D1CC	72 209 204
Dark Turquoise	Ciemny turkus		#00CED1	0 206 209
Cadet Blue	Niebieski kadet		#5F9EA0	95 158 160
Steel Blue	Stalowo niebieski		#4682B4	70 130 180
Light Steel Blue	Jasny stalowo niebieski		#B0C4DE	176 196 222
Powder Blue	Pudrowy niebieski		#B0E0E6	176 224 230
Light Blue	Jasny niebieski		#ADD8E6	173 216 230
Sky Blue	Błękit nieba		#87CEEB	135 206 235
Light Sky Blue	Jasny błękit nieba		#87CEFA	135 206 250
Deep Sky Blue	Głeboki błękit nieba		#00BFFF	0 191 255
Dodger Blue	Błękit Dodgera		#1E90FF	30 144 255
Cornflower Blue	Chabrowy		#6495ED	100 149 237
Medium Slate Blue	Średni łupkowy niebieski		#7B68EE	123 104 238
Royal Blue	Królewski niebieski		#4169E1	65 105 225
Blue	Niebieski		#0000FF	0 0 255
Medium Blue	Średni niebieski		#0000CD	0 0 205
Dark Blue	Ciemny niebieski		#00008B	0 0 139
Navy	Granatowy		#000080	0 0 128
Midnight Blue	Ciemnoniebieski		#191970	25 25 112

Odcienie zielonego – barwa zielona

Nazwa angielska	Nazwa polska	Kolor	kod HEX	kod RGB
Green Yellow	Zielony żółty		#ADFF2F	173 255 47
Chartreuse	Żółto-zielony		#7FFF00	127 255 0
Lawn Green	Zielony trawnik		#7CFC00	124 252 0
Lime	Limonka		#00FF00	0 255 0
Lime Green	Limonkowy		#32CD32	50 205 50
Pale Green	Bladozielony		#98FB98	152 251 152
Light Green	Jasnozielony		#90EE90	144 238 144
Medium Spring Green	Średnia wiosenna zieleń		#00FA9A	0 250 154
Spring Green	Wiosenna zieleń		#00FF7F	0 255 127
Medium Sea Green	Średnia morska zieleń		#3CB371	60 179 113
Sea Green	Morska zieleń		#2E8B57	46 139 87
Forest Green	Leśna zieleń		#228B22	34 139 34
Green	Zielony		#008000	0 128 0
Dark Green	Ciemnozielony		#006400	0 100 0
Yellow Green	Żółty zielony		#9ACD32	154 205 50
Olive Drab	Oliwkowy Drab		#6B8E23	107 142 35
Olive	Oliwkowy		#808000	128 128 0
Dark Olive Green	Ciemna zieleń oliwkowa		#556B2F	85 107 47
Medium Aquamarine	Średni akwamaryn		#66CDAA	102 205 170
Dark Sea Green	Ciemna zieleń morska		#8FBC8F	143 188 143
Light Sea Green	Jasna zieleń morska		#20B2AA	32 178 170
Dark Cyan	Ciemny cyjan		#008B8B	0 139 139
Teal	Cyraneczka		#008080	0 128 128

Odcienie brązowego – barwa brązowa

Nazwa angielska	Nazwa polska	Kolor	kod HEX	kod RGB
Cornsilk	Kukurydziany		#FFF8DC	255 248 220
Blanched Almond	Blanszowany migdał		#FFEBCD	255 235 205
Bisque	Jasnobrązowy		#FFE4C4	255 228 196
Navajo White	Biały Nawaho		#FFDEAD	255 222 173
Wheat	Pszenica		#F5DEB3	245 222 179
Burly Wood	Grube drewno		#DEB887	222 184 135
Tan	Opalenizna		#D2B48C	210 180 140
Rosy Brown	Różany brąz		#BC8F8F	188 143 143
Sandy Brown	Piaskowy brąz		#F4A460	244 164 96
Goldenrod	Nawłoć		#DAA520	218 165 32
Dark Goldenrod	Ciemna nawłoć		#B8860B	184 134 11
Peru	Peru		#CD853F	205 133 63
Chocolate	Czekoladowy		#D2691E	210 105 30
Saddle Brown	Brązowe siodło		#8B4513	139 69 19
Sienna	Sjena palona		#A0522D	160 82 45
Brown	Brązowy		#A52A2A	165 42 42
Maroon	Kasztanowy		#800000	128 0 0

Odcienie szarości / czerni – barwa czarna i szara

Nazwa angielska	Nazwa polska	Kolor	kod HEX	kod RGB
Gainsboro	Gainsboro		#DCDCDC	220 220 220
Light Grey	Jasnoszary		#D3D3D3	211 211 211
Silver	Srebrny		#C0C0C0	192 192 192
Dark Gray	Ciemny szary		#A9A9A9	169 169 169
Gray	Szary		#808080	128 128 128
Dim Gray	Przyciemniony szary		#696969	105 105 105
Light Slate Gray	Jasny łupkowy szary		#778899	119 136 153
Slate Gray	Łupkowy szary		#708090	112 128 144
Dark Slate Gray	Ciemny łupkowy szary		#2F4F4F	47 79 79
Black	Czarny		#000000	0 0 0

Odcienie bieli

Nazwa angielska	Nazwa polska	Kolor	kod HEX	kod RGB
White	Biały		#FFFFFF	255 255 255
Snow	Śnieżny		#FFFAFA	255 250 250
Honeydew	Miód spadziowy		#F0FFF0	240 255 240
Mint Cream	Miętowo kremowy		#F5FFFA	245 255 250
Azure	Lazurowy		#F0FFFF	240 255 255
Alice Blue	Blady lazurowy		#F0F8FF	240 248 255
Ghost White	Upiorny biały		#F8F8FF	248 248 255
White Smoke	Biały dym		#F5F5F5	245 245 245
Seashell	Muszla		#FFF5EE	255 245 238
Beige	Beżowy		#F5F5DC	245 245 220
Old Lace	Stara koronka		#FDF5E6	253 245 230
Floral White	Kwiatowy biały		#FFFAF0	255 250 240
Ivory	Kość słoniowa		#FFFFF0	255 255 240
Antique White	Antyczna biel		#FAEBD7	250 235 215
Linen	Len		#FAF0E6	250 240 230
Lavender Blush	Lawendowy rumieniec		#FFF0F5	255 240 245

Zestawienie 216 „bezpiecznych” kolorów

#FF0000 255 0 0	#FF0033 255 0 51	#FF0066 255 0 102	#FF0099 255 0 153	#FF00CC 255 0 204	#FF00FF 255 0 155
#FF3300 255 51 0	#FF3333 255 51 51	#FF3366 255 51 102	#FF3399 255 51 153	#FF33CC 255 51 204	#FF33FF 255 51 255
#FF6600 255 102 0	#FF6633 255 102 51	#FF6666 255 102 102	#FF6699 255 102 153	#FF66CC 255 102 204	#FF66FF 255 102 255
#FF9900 255 153 0	#FF9933 255 153 51	#FF9966 255 153 102	#FF9999 255 153 153	#FF99CC 255 153 204	#FF99FF 255 153 255
#FFCC00 255 204 0	#FFCC33 255 204 51	#FFCC66 255 204 102	#FFCC99 255 204 153	#FFCCCC 255 204 204	#FFCCFF 255 204 255
#FFFF00 255 255 0	#FFFF33 255 255 51	#FFFF66 255 255 102	#FFFF99 255 255 153	#FFFFCC 255 255 204	#FFFFFF 255 255 255

#CC0000 204 0 0	#CC0033 204 0 51	#CC0066 204 0 102	#CC0099 204 0 153	#CC00CC 204 0 204	#CC00FF 204 0 255
#CC3300 204 51 0	#CC3333 204 51 51	#CC3366 204 51 102	#CC3399 204 51 153	#CC33CC 204 51 204	#CC33FF 204 51 255
#CC6600 204 102 0	#CC6633 204 102 51	#CC6666 204 102 102	#CC6699 204 102 153	#CC66CC 204 102 204	#CC66FF 204 102 255
#CC9900 204 153 0	#CC9933 204 153 0	#CC9966 204 153 102	#CC9999 204 153 153	#CC99CC 204 153 204	#CC99FF 204 153 255
#CCCC00 204 204 0	#CCCC33 204 204 51	#CCCC66 204 204 102	#CCCC99 204 204 153	#CCCCCC 204 204 204	#CCCCFF 204 204 255
#CCFF00 204 255 0	#CCFF33 204 255 51	#CCFF66 204 255 102	#CCFF99 204 255 153	#CCFFCC 204 255 204	#CCFFFF 204 255 255

#990000 153 0 0	#990033 153 0 51	#990066 153 0 102	#990099 153 0 153	#9900CC 153 0 204	#9900FF 153 0 255
#993300 153 51 0	#993333 153 51 51	#993366 153 51 102	#993399 153 51 153	#9933CC 153 51 204	#9933FF 153 51 255
#996600 153 102 0	#996633 153 102 51	#996666 153 102 102	#996699 153 102 153	#9966CC 153 102 204	#9966FF 153 102 255
#999900 153 153 0	#999933 153 153 51	#999966 153 153 102	#999999 153 153 153	#9999CC 153 153 204	#9999FF 153 153 255
#99CC00 153 204 0	#99CC33 153 204 51	#99CC66 153 204 102	#99CC99 153 204 153	#99CCCC 153 204 204	#99CCFF 153 204 255
#99FF00 153 255 0	#99FF33 153 255 51	#99FF66 153 255 102	#99FF99 153 255 153	#99FFCC 153 255 204	#99FFFF 153 255 255

#660000 102 0 0	#660033 102 0 51	#660066 102 0 102	#660099 102 0 153	#6600CC 102 0 204	#6600FF 102 0 255
#663300 102 51 0	#663333 102 51 51	#663366 102 51 102	#663399 102 51 153	#6633CC 102 51 204	#6633FF 102 51 255
#666600 102 102 0	#666633 102 102 51	#666666 102 102 102	#666699 102 102 153	#6666CC 102 102 204	#6666FF 102 102 255
#669900 102 153 0	#669933 102 153 51	#669966 102 153 102	#669999 102 153 153	#6699CC 102 153 204	#6699FF 102 153 255
#66CC00 102 204 0	#66CC33 102 204 51	#66CC66 102 204 102	#66CC99 102 204 153	#66CCCC 102 204 204	#66CCFF 102 204 255
#66FF00 102 255 0	#66FF33 102 255 51	#66FF66 102 255 102	#66FF99 102 255 153	#66FFCC 102 255 204	#66FFFF 102 255 255

#330000 51 0 0	#330033 51 0 51	#330066 51 0 102	#330099 51 0 153	#3300CC 51 0 204	#3300FF 51 0 255
#333300 51 51 0	#333333 51 51 51	#333366 51 51 102	#333399 51 51 153	#3333CC 51 51 204	#3333FF 51 51 255
#336600 51 102 0	#336633 51 102 51	#336666 51 102 102	#336699 51 102 153	#3366CC 51 102 204	#3366FF 51 102 255
#339900 51 153 0	#339933 51 153 51	#339966 51 153 102	#339999 51 153 153	#3399CC 51 153 204	#3399FF 51 153 255
#33CC00 51 204 0	#33CC33 51 204 51	#33CC66 51 204 102	#33CC99 51 204 153	#33CCCC 51 204 204	#33CCFF 51 204 255
#33FF00 51 255 0	#33FF33 51 255 51	#33FF66 51 255 102	#33FF99 51 255 153	#33FFCC 51 255 204	#33FFFF 51 255 255

#000000 0 0 0	#000033 0 0 51	#000066 0 0 102	#000099 0 0 153	#0000CC 0 0 204	#0000FF 0 0 255
#003300 0 51 0	#003333 0 51 51	#003366 0 51 102	#003399 0 51 153	#0033CC 0 51 204	#0033FF 0 51 255
#006600 0 102 0	#006633 0 102 51	#006666 0 102 102	#006699 0 102 153	#0066CC 0 102 204	#0066FF 0 102 255
#009900 0 153 0	#009933 0 153 51	#009966 0 153 102	#009999 0 153 153	#0099CC 0 153 204	#0099FF 0 153 255
#00CC00 0 204 0	#00CC33 0 204 51	#00CC66 0 204 102	#00CC99 0 204 153	#00CCCC 0 204 204	#00CCFF 0 204 255
#00FF00 0 255 0	#00FF33 0 255 51	#00FF66 0 255 102	#00FF99 0 255 153	#00FFCC 0 255 204	#00FFFF 0 255 255

Podsumowanie

Powyższe zestawienie kolorów w znacznym stopniu ułatwia współpracę grafików z klientami. Sprawia, że nie pojawiają się niedopowiedzenia lub niewłaściwe rozumienie wskazywanych barw. Dzięki temu obydwie strony mogą lepiej przekazać to, jakie kolory chciałyby wykorzystać w projekcie graficznym, co przyspiesza jego stworzenie.