Nazwy kolorów w projektach graficznych

Czas czytania: ok. 19 minut

Każdy projekt graficzny bazuje na kolorach. Nadają one odpowiedni wydźwięk, który pomaga w odbiorze prezentowanego materiału, jak i firmy, która z niego korzysta. W grafice wykorzystywane są różne kolory. Poznaj nazwy kolorów, kody HEX i RGB!

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.

Nie wiesz, co to jest RGB, CMYK lub PANTONE? Sprawdź na naszym blogu!

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.

Jak przydatna była ta strona?

Kliknij gwiazdkę, aby ocenić!

Średnia ocen 5 / 5. Liczba ocen: 7

Jak dotąd brak ocen! Bądź pierwszą osobą, która oceni tę stronę.

Autor:

Jedna odpowiedź do “Nazwy kolorów w projektach graficznych”

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *