Jeśli jesteś grafikiem lub po prostu kiedykolwiek korzystałeś z programu do edycji obrazów, zobaczysz pudełko, które pozwoliło ci zmienić kolorwiadro z farbą, pędzel, litery... To, co mogło Cię zaciekawić, to fakt, że po wybraniu koloru pojawia się kod koloru, wiesz co to jest?
Jeśli kiedykolwiek zastanawiałeś się, co oznaczają te kody liter lub cyfr i chcesz dowiedzieć się więcej na ten temat, pomożemy Ci zrozumieć znaczenie kodu koloru, dlaczego odzwierciedla on kolory i inne ciekawe szczegóły.
Jaki jest kod koloru?
Możemy zdefiniować kod koloru jako a zakres chromatyczny, w którym można wyświetlić sieć. Czyli możliwości, jakie istnieją w palecie około 216 kolorów, aby określić, jak będzie wyglądać strona internetowa. Ten kod może być oparty na trzech typach systemów: RGB, HEX i HSL (ten ostatni jest teraz przestarzały).
W rzeczywistości kod koloru ma służyć jako uniwersalny kod dla wszystkich przeglądarek w taki sposób, że za pomocą tych kodów uzyskuje się odtworzenie tych samych tonów, zarówno w Internet Explorers, w Firefox Mozilla, w Google Chrome …
Powinieneś wiedzieć, że komputer jest w stanie rozróżnić do 16 milionów kolorów, więc istnieje wiele możliwości stworzenia strony internetowej lub modyfikacji zdjęć.
Rodzaje kodów kolorów
Jak już wspomnieliśmy, istnieją trzy rodzaje systemów:
- RGB. Jest najbardziej znany i składa się z trzech podstawowych kolorów, czerwonego, niebieskiego i zielonego, z których poprzez ich połączenie wywodzą się pozostałe kolory. Jeśli chodzi o jego reprezentację, waha się on od 0 do 255, a kod, który się pojawia, składa się z trzech cyfr oddzielonych przecinkami i w nawiasach.
- Szesnastkowy. Używany głównie w HTML i CSS. W tym przypadku składa się on zarówno z cyfr, jak i liter, które są ułożone między sobą, aby uzyskać kody określające kolory.
- HSL. Już przestarzały, opiera się na wykorzystywaniu przy tworzeniu koloru odcienia, nasycenia i lekkości. Jest określany przez stopnie i procenty (trzy cyfry oddzielone przecinkami i w nawiasach).
Dlaczego kody są ważne?
Teraz, gdy wiesz, czym jest kodowanie kolorami, jego zastosowanie jest łatwe do zrozumienia, ponieważ Służy do określenia, jaki kod jest wymagany do wyświetlenia określonego koloru. Działa to na przykład na stronach internetowych. Kod HTML jest domniemany, jeśli strona internetowa ma tło w określonym kolorze, jeśli czcionka jest czerwona, żółta, zielona, niebieska ... i wiele innych zastosowań.
Czy rozumiesz, dlaczego jest to ważne? Na przykład wyobraź sobie, że masz witrynę z czerwonym tłem. I chcesz go zmienić na pustą. Gdybyś znał kod określający kolor czerwony, korzystając z wyszukiwarki w kodzie HTML uzyskalibyśmy miejsce, w którym ten kolor jest odzwierciedlony (powiązany z kolorem tła) i można by go szybko zmienić. Ale co, jeśli go nie masz? Musiałbyś szukać, aż znajdziesz tę sekcję i przetestować, aby zobaczyć, który kod jest zbliżony do tego, który chcesz.
Dlatego kod koloru pomaga przyspieszyć pracę, a także umożliwia wykorzystanie kolorów podczas projektowania strony internetowej, edycji obrazu itp.
Lista kolorów i ich kod Szesnastkowy i RGB
Na koniec chcielibyśmy zostawić Cię poniżej tabela, w której można znaleźć większość istniejących kolorów wraz z ich kodem dziesiętnym (RGB) i szesnastkowym dzięki czemu jeśli w dowolnym momencie zajdzie potrzeba zmiany kodu, możesz to zrobić łatwo bez konieczności szukania go w palecie kolorów.
Tag | Dziesiętny (R, G, B) | Szesnastkowy |
---|---|---|
Alicjaniebieska | rgb (240, 248, 255) | # F0F8FF |
antyczna biel | rgb (250, 235, 215) | # FAEBD7 |
Aqua | rgb (0, 255, 255) | #00FFFF |
akwamaryn | rgb (127, 255, 212) | # 7FFFD4 |
lazur | rgb (240, 255, 255) | # F0FFFF |
beżowy | rgb (245, 245, 220) | # F5F5DC |
for | rgb (255, 228, 196) | # FFE4C4 |
czarny | rgb (0, 0, 0) | #000000 |
blanszowany migdał | rgb (255, 235, 205) | #FFEBCD |
niebieski | rgb (0, 0, 255) | # 0000FF |
niebieskofioletowy | rgb (138, 43, 226) | # 8A2BE2 |
brązowy | rgb (165, 42, 42) | # A52A2A |
krzepkie drewno | rgb (222, 184, 135) | # DEB887 |
kadetblue | rgb (95, 158, 160) | # 5F9EA0 |
Chartreuse | rgb (127, 255, 0) | # 7FFF00 |
czekolada | rgb (210, 105, 30) | # D2691E |
koral | rgb (255, 127, 80) | # FF7F50 |
chabrowy | rgb (100, 149, 237) | # 6495ED |
kukurydziany | rgb (255, 248, 220) | # FFF8DC |
karmazynowy | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | #00FFFF |
ciemny niebieski | rgb (0, 0, 139) | #00008B |
ciemnocyjan | rgb (0, 139, 139) | # 008B8B |
ciemny złoty rod | rgb (184, 134, 11) | # B8860B |
ciemny szary | rgb (169, 169, 169) | # A9A9A9 |
ciemnozielony | rgb (0, 100, 0) | #006400 |
ciemno szary | rgb (169, 169, 169) | # A9A9A9 |
ciemnokhaki | rgb (189, 183, 107) | # BDB76B |
ciemnomagenta | rgb (139, 0, 139) | # 8B008B |
ciemnooliwkowozielony | rgb (85, 107, 47) | # 556B2F |
ciemna pomarańcza | rgb (255, 140, 0) | # FF8C00 |
ciemna orchidea | rgb (153, 50, 204) | # 9932CC |
ciemno czerwony | rgb (139, 0, 0) | # 8B0000 |
ciemny łosoś | rgb (233, 150, 122) | # E9967A |
ciemnozielony | rgb (143, 188, 143) | # 8FBC8F |
ciemnoniebieski | rgb (72, 61, 139) | # 483D8B |
ciemnoszary | rgb (47, 79, 79) | # 2F4F4F |
ciemnoszary | rgb (47, 79, 79) | # 2F4F4F |
ciemnoturkusowy | rgb (0, 206, 209) | # 00CED1 |
ciemnofioletowy | rgb (148, 0, 211) | # 9400D3 |
głęboki róż | rgb (255, 20, 147) | # FF1493 |
ciemnoniebieski | rgb (0, 191, 255) | # 00BFFF |
półszary | rgb (105, 105, 105) | #696969 |
ciemnoszary | rgb (105, 105, 105) | #696969 |
dogerblue | rgb (30, 144, 255) | # 1E90FF |
szamot | rgb (178, 34, 34) | #B22222 |
kwiatowybiały | rgb (255, 250, 240) | # FFFAF0 |
zielony las | rgb (34, 139, 34) | # 228B22 |
fuksja | rgb (255, 0, 255) | # FF00FF |
zyskiboro | rgb (220, 220, 220) | #DCDCDC |
upiorna biel | rgb (248, 248, 255) | # F8F8FF |
złoto | rgb (255, 215, 0) | # FFD700 |
nawłoć | rgb (218, 165, 32) | # DAA520 |
szary | rgb (128, 128, 128) | #808080 |
Zielony | rgb (0, 128, 0) | #008000 |
zielony żółty | rgb (173, 255, 47) | # ADFF2F |
szary | rgb (128, 128, 128) | #808080 |
spadzi | rgb (240, 255, 240) | # F0FFF0 |
Hotpink | rgb (255, 105, 180) | # FF69B4 |
indyjska czerwień | rgb (205, 92, 92) | # CD5C5C |
indygo | rgb (75, 0, 130) | # 4B0082 |
kość słoniowa | rgb (255, 255, 240) | # FFFFF0 |
khaki | rgb (240, 230, 140) | # F0E68C |
lawenda | rgb (230, 230, 250) | # E6E6FA |
lawendowy rumieniec | rgb (255, 240, 245) | # FFF0F5 |
trawnik | rgb (124, 252, 0) | # 7CFC00 |
szyfon cytrynowy | rgb (255, 250, 205) | #FFFACD |
jasny niebieski | rgb (173, 216, 230) | # ADD8E6 |
Lightcoral | rgb (240, 128, 128) | # F08080 |
jasnobłękitny | rgb (224, 255, 255) | # E0FFFF |
jasnozłotyrodyellow | rgb (250, 250, 210) | # FAFAD2 |
jasnoszary | rgb (211, 211, 211) | # D3D3D3 |
jasnozielony | rgb (144, 238, 144) | # 90EE90 |
jasnoszary | rgb (211, 211, 211) | # D3D3D3 |
jasnoróżowy | rgb (255, 182, 193) | # FFB6C1 |
łosoś świetlny | rgb (255, 160, 122) | # FFA07A |
jasnomorski | rgb (32, 178, 170) | # 20B2AA |
jasnoniebieski | rgb (135, 206, 250) | # 87CEFA |
jasnoszary | rgb (119, 136, 153) | #778899 |
lightlategrey | rgb (119, 136, 153) | #778899 |
jasnostalowoniebieski | rgb (176, 196, 222) | # B0C4DE |
jasny zółty | rgb (255, 255, 224) | # FFFFE0 |
wapno | rgb (0, 255, 0) | # 00FF00 |
limonkowy | rgb (50, 205, 50) | # 32CD32 |
bielizna | rgb (250, 240, 230) | # FAF0E6 |
magenta | rgb (255, 0, 255) | # FF00FF |
kasztanowaty | rgb (128, 0, 0) | #800000 |
średni akwamaryn | rgb (102, 205, 170) | # 66CDAA |
średni niebieski | rgb (0, 0, 205) | # 0000CD |
średniorchowaty | rgb (186, 85, 211) | # BA55D3 |
średniofioletowy | rgb (147, 112, 219) | # 9370D8 |
średniomorski | rgb (60, 179, 113) | # 3CB371 |
średnislateblue | rgb (123, 104, 238) | # 7B68EE |
średniowiosenny | rgb (0, 250, 154) | # 00FA9A |
średnioturkusowy | rgb (72, 209, 204) | # 48D1CC |
średniofioletowy | rgb (199, 21, 133) | #C71585 |
niebieska północ | rgb (25, 25, 112) | #191970 |
krem miętowy | rgb (245, 255, 250) | # F5FFFA |
mistyroza | rgb (255, 228, 225) | # FFE4E1 |
mokasyn | rgb (255, 228, 181) | # FFE4B5 |
biały navajo | rgb (255, 222, 173) | #FFDEAD |
marynarka wojenna | rgb (0, 0, 128) | #000080 |
staruszek | rgb (253, 245, 230) | # FDF5E6 |
oliwkowy | rgb (128, 128, 0) | #808000 |
oliwkowy | rgb (107, 142, 35) | # 6B8E23 |
pomarańczowy | rgb (255, 165, 0) | # FFA500 |
pomarańczowy czerwony | rgb (255, 69, 0) | # FF4500 |
orchidea | rgb (218, 112, 214) | # DA70D6 |
bladozłoty pręt | rgb (238, 232, 170) | # EEE8AA |
bladozielony | rgb (152, 251, 152) | # 98FB98 |
paleta turkusowa | rgb (175, 238, 238) | #AFEEEE |
bladofioletowy | rgb (219, 112, 147) | #D87093 |
bicz papaja | rgb (255, 239, 213) | # FFEFD5 |
brzoskwiniowy | rgb (255, 218, 185) | # FFDAB9 |
Peru | rgb (205, 133, 63) | # CD853F |
różowy | rgb (255, 192, 203) | # FFC0CB |
śliwka | rgb (221, 160, 221) | # DDA0DD |
pudrowoniebieski | rgb (176, 224, 230) | # B0E0E6 |
fioletowy | rgb (128, 0, 128) | #800080 |
czerwony | rgb (255, 0, 0) | # FF0000 |
różowobrązowy | rgb (188, 143, 143) | # BC8F8F |
Królewski niebieski | rgb (65, 105, 225) | # 4169E1 |
siodło brązowe | rgb (139, 69, 19) | # 8B4513 |
łosoś | rgb (250, 128, 114) | # FA8072 |
piaskowobrązowy | rgb (244, 164, 96) | # F4A460 |
zielone morze | rgb (46, 139, 87) | # 2E8B57 |
muszla | rgb (255, 245, 238) | # FFF5EE |
sjena | rgb (160, 82, 45) | # A0522D |
srebro | rgb (192, 192, 192) | # C0C0C0 |
niebieskie niebo | rgb (135, 206, 235) | # 87CEEB |
odcień niebieskiego | rgb (106, 90, 205) | # 6A5ACD |
popielaty | rgb (112, 128, 144) | #708090 |
łupkowoszary | rgb (112, 128, 144) | #708090 |
śnieg | rgb (255, 250, 250) | #FFFAFA |
wiosenna zieleń | rgb (0, 255, 127) | # 00FF7F |
stalowo - niebieski | rgb (70, 130, 180) | # 4682B4 |
opalenizna | rgb (210, 180, 140) | # D2B48C |
cyraneczka | rgb (0, 128, 128) | #008080 |
oset | rgb (216, 191, 216) | # D8BFD8 |
pomidor | rgb (255, 99, 71) | # FF6347 |
turkus | rgb (64, 224, 208) | # 40E0D0 |
purpurowy | rgb (238, 130, 238) | # EE82EE |
pszenica | rgb (245, 222, 179) | # F5DEB3 |
biały | rgb (255, 255, 255) | # FFFFFF |
biały dym | rgb (245, 245, 245) | #F5F5F5 |
z żółtymi | rgb (255, 255, 0) | # FFFF00 |
żółty zielony | rgb (154, 205, 50) | # 9ACD32 |
Czy znasz więcej kodów kolorów? Zapraszamy do umieszczania ich w komentarzach, aby poszerzyć listę.