Kod koloru

Kod koloru

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?

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?

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

Lista kolorów oraz 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ę.


Bądź pierwszym który skomentuje

Zostaw swój komentarz

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

*

*

  1. Odpowiedzialny za dane: Miguel Ángel Gatón
  2. Cel danych: kontrola spamu, zarządzanie komentarzami.
  3. Legitymacja: Twoja zgoda
  4. Przekazywanie danych: Dane nie będą przekazywane stronom trzecim, z wyjątkiem obowiązku prawnego.
  5. Przechowywanie danych: baza danych hostowana przez Occentus Networks (UE)
  6. Prawa: w dowolnym momencie możesz ograniczyć, odzyskać i usunąć swoje dane.