Barwy podstawowe to takie, z którym można poprzez mieszanie utworzyć wszystkie inne kolory.






RGB to jeden ze sposobów określania i zapisu kolorów. Nazwa pochodzi od angielskich słów Red (czerwony), Green (zielony) i Blue (niebieski). Mieszając te trzy kolory możemy otrzymać miliony innych. Ustalono, że ilość każdego z tych trzech kolorów będzie podawać się w pełnych "jednostkach" od 0 do 255.

Przykładowo, jeśli zmieszamy czerwony w ilości 242 "jednostek" z zielonym - 59 "jednostek" i niebieskim - 28 "jednostek", to otrzymamy kolor pomarańczowy.



Sprawdź to w podanej niżej aplikacji, ustawiając suwaki na odpowiednią ilość czerwonego, zielonego i niebieskiego, a w prostokącie zobaczysz kolor wyjściowy.

Vanilla Js RGB

W praktyce, trzy liczby opisujące ilość czerwonego, zielonego i niebieskiego lepiej jest zapisywać jako jedną - jest to tak zwana liczba szesnastkowa (hex) i poprzedzona jest znakiem #. Nasz kolor pomarańczowy zapisany w ten sposób to #F23B1C. Taki zapis koloru łatwiej jest np. kopiować i wklejać (a będzie ci to potrzebne w rozwiązywaniu zadania domowego).




Kolory do wyboru przedstawiane są w różny sposób, a nas najbardziej interesuje ten oparty na kole lub pierścieniu.



Sprawdź w podanej niżej aplikacji, jak można wybrać jeden z kilkunastu milionów kolorów - najpierw przesuń suwak na pierścieniu, a następnie przesuwaj biały, okrągły kursor.






Kolory dopełniające to pary barw, które połączone ze sobą w równych częściach dają (w zależności od metody łączenia) - czerń, biel lub szarość. Najczęściej są przedstawiane jako barwy leżące naprzeciwko siebie w kole barw.




Złamać kolor to wymieszać go z różną ilością koloru dopełniającego.



1. Jak znaleźć nazwę koloru na podstawie zdjęcia?



Jest wiele stron "z kolorami" - my używaliśmy Wikipedii: Lista kolorów - zobacz w nowej karcie

W rozpoznawaniu koloru na zdjęciu najbardziej liczy się umiejętność porównywania kolorów (ten ze zdjęcia i jak najbardziej podobny z Listy kolorów).

Zobacz przykłady:


2. Jak znaleźć kod RGB koloru?



Znów Wikipedia: Lista kolorów - zobacz w nowej karcie

3. Jak znaleźć kolor dopełniający do danego?



Pokażemy to na przykładzie znalezienia koloru dopełniającego do czerwonego:


Krok 1 - dowiedz się, jaki kod RGB ma kolor czerwony - na Liście kolorów w Wikipedii ten kod to #FF0000 - zaznacz go myszką i skopiuj.



Krok 2 - otwórz stronę www.sessions.edu/color-calculator/



4. Jak złamać kolor?



Pokażemy to na przykładzie złamania koloru czerwonego - pierwsze dwa kroki opisane są już dokładnie powyżej:


Krok 1 - dowiedz się, jaki kod RGB ma kolor czerwony - na Liście kolorów w Wikipedii ten kod to #FF0000 - zaznacz go myszką i skopiuj.

Krok 2 - otwórz stronę www.sessions.edu/color-calculator/ i znajdź kolor dopełniajšcy do czerwonego - okazało się, że jest to jasno zielony - zaznacz i skopiuj jego kod (#00ff00).

Krok 3 - otwórz stronę www.colorcodehex.com/online-color-mixer.html