Streszczenie Model HSV: barwa, nasycenie i jasność

Model HSV: Barwa, Nasycenie i Jasność – Kompleksowy Przewodnik

Model kolorów HSV: Intuicyjne podejście do barw

Zrozumienie sposobu, w jaki komputery i urządzenia cyfrowe reprezentują kolory, jest kluczowe w wielu dziedzinach, od grafiki komputerowej po przetwarzanie obrazów. Podczas gdy model RGB (Red, Green, Blue) jest podstawą techniczną, model HSV (Hue, Saturation, Value) oferuje znacznie bardziej intuicyjne podejście do manipulowania kolorami, bliższe temu, jak postrzega je ludzkie oko. W tym materiale przyjrzymy się wizualizacji modelu HSV, nauczymy się konwertować kolory z RGB do HSV oraz zbadamy jego praktyczne zastosowania.

Wizualizacja modelu HSV: Koło barw i przestrzeń stożkowa

Model HSV jest często wizualizowany jako stożek lub cylinder, co pozwala na łatwe zrozumienie relacji między jego składowymi.

Składowe modelu HSV w przestrzeni 3D

  • Odcień (H - Hue): Reprezentowany jest przez kąt wokół osi centralnej stożka lub cylindra. Pełny obrót, czyli $360^\circ$, odpowiada pełnemu spektrum kolorów tęczy, gdzie $0^\circ$ i $360^\circ$ to czerwień. Zmiana kąta zmienia barwę koloru.

  • Nasycenie (S - Saturation): Reprezentowane jest przez odległość od osi centralnej. Im dalej od osi, tym bardziej nasycony kolor. Na osi centralnej (gdzie $S = 0%$) znajdują się odcienie szarości, od bieli po czerń, zależnie od wartości V.

  • Jasność (V - Value): Reprezentowana jest przez wysokość wzdłuż osi centralnej. Dół stożka (gdzie $V = 0%$) to czerń, niezależnie od H i S. Wierzchołek stożka (gdzie $V = 100%$) to najjaśniejsze, najczystsze kolory.

💡 Czy wiesz, że?Did you know that the HSV model is sometimes referred to as HSB (Hue, Saturation, Brightness), but the underlying mathematical model is the same?

Koło barw HSV

Koło barw, które często widzisz w programach graficznych, jest w rzeczywistości przekrojem stożka HSV. Zazwyczaj jest to przekrój na wysokości $V = 100%$. Na tym kole:

  • Zewnętrzny pierścień reprezentuje kolory o maksymalnym nasyceniu ($S = 100%$).
  • Im bliżej środka, tym nasycenie jest mniejsze, aż do szarości w samym centrum ($S = 0%$).

Suwak lub inna kontrolka pozwala następnie regulować jasność (V) dla wybranego koloru z koła, co pozwala na pełną kontrolę nad barwą, nasyceniem i jasnością.

Konwersja z modelu RGB do HSV

Większość urządzeń wejściowych (skanery, aparaty cyfrowe) i wyjściowych (monitory, drukarki) operuje na modelu RGB. Aby móc edytować kolory w bardziej intuicyjny sposób, często konieczne jest przeliczanie wartości RGB na HSV. Poniżej przedstawiono algorytm konwersji dla wartości RGB w zakresie $[0, 255]$ na HSV (H w $[0, 360)$, S i V w $[0, 1]$).

  1. Normalizacja składowych RGB: Najpierw należy przekształcić wartości R, G, B z zakresu $[0, 255]$ na zakres $[0, 1]$, dzieląc każdą składową przez $255$.

    • $R' = R / 255$
    • $G' = G / 255$
    • $B' = B / 255$
  2. Znalezienie wartości maksymalnej i minimalnej: Określamy największą ($C_{max}$) i najmniejszą ($C_{min}$) wartość spośród $R'$, $G'$, $B'$.

    • $C_{max} = \max(R', G', B')$
    • $C_{min} = \min(R', G', B')$
  3. Obliczenie delty: Obliczamy różnicę między wartością maksymalną a minimalną.

    • $\Delta = C_{max} - C_{min}$
  4. Obliczenie Jasności (V):

    • $V = C_{max}$
  5. Obliczenie Nasycenia (S):

    • Jeśli $C_{max} = 0$, to $S = 0$ (kolor jest czarny, nie ma nasycenia ani odcienia).
    • W przeciwnym razie $S = \Delta / C_{max}$
  6. Obliczenie Odcienia (H):

    • Jeśli $\Delta = 0$, to $H = 0$ (kolor jest odcieniem szarości, nie ma dominującego odcienia).
    • Jeśli $C_{max} = R'$, to $H = 60^\circ \cdot \left(\left(\frac{G' - B'}{\Delta}\right) \bmod 6\right)$
    • Jeśli $C_{max} = G'$, to $H = 60^\circ \cdot \left(\left(\frac{B' - R'}{\Delta}\right) + 2\right)$
    • Jeśli $C_{max} = B'$, to $H = 60^\circ \cdot \left(\left(\frac{R' - G'}{\Delta}\right) + 4\right)$
    • Jeśli wynik $H$ jest ujemny, należy dodać $360^\circ$, aby był w zakresie $[0, 360)$.

Przykład konwersji RGB do HSV

Przel

Zarejestruj się po pełne podsumowanie
FiszkiTest wiedzyStreszczeniePodcastMapa myśli
Zacznij za darmo

Masz już konto? Zaloguj się

Model kolorów HSV

Klíčová slova: Model kolorów HSV

Klíčové pojmy: Model HSV (Hue, Saturation, Value) jest intuicyjnym sposobem reprezentacji kolorów., Odcień (H) to kąt wokół osi centralnej stożka/cylindra, reprezentujący barwę koloru (0-360°)., Nasycenie (S) to odległość od osi centralnej, określająca intensywność koloru (0-100%)., Jasność (V) to wysokość wzdłuż osi centralnej, kontrolująca rozjaśnienie/przyciemnienie (0-100%)., Koło barw to przekrój stożka HSV (zwykle przy V=100%), gdzie nasycenie maleje ku środkowi., Konwersja RGB do HSV wymaga normalizacji składowych RGB do zakresu [0, 1]., Wzory na H, S, V zależą od maksymalnej i minimalnej składowej RGB po normalizacji., Gdy $V = 0\%$, kolor zawsze jest czarny, niezależnie od H i S., Gdy $S = 0\%$, kolor jest odcieniem szarości, a H staje się bez znaczenia., Model HSV jest powszechnie stosowany w programach graficznych do intuicyjnej edycji kolorów., Symulacje interaktywne pozwalają na zrozumienie niezależnego wpływu każdej składowej HSV na kolor.

# Model kolorów HSV: Intuicyjne podejście do barw Zrozumienie sposobu, w jaki komputery i urządzenia cyfrowe reprezentują kolory, jest kluczowe w wielu dziedzinach, od grafiki komputerowej po przetwarzanie obrazów. Podczas gdy model RGB (Red, Green, Blue) jest podstawą techniczną, model HSV (Hue, Saturation, Value) oferuje znacznie bardziej intuicyjne podejście do manipulowania kolorami, bliższe temu, jak postrzega je ludzkie oko. W tym materiale przyjrzymy się wizualizacji modelu HSV, nauczymy się konwertować kolory z RGB do HSV oraz zbadamy jego praktyczne zastosowania. ## Wizualizacja modelu HSV: Koło barw i przestrzeń stożkowa Model HSV jest często wizualizowany jako stożek lub cylinder, co pozwala na łatwe zrozumienie relacji między jego składowymi. ### Składowe modelu HSV w przestrzeni 3D * **Odcień (H - Hue)**: Reprezentowany jest przez kąt wokół osi centralnej stożka lub cylindra. Pełny obrót, czyli $360^\circ$, odpowiada pełnemu spektrum kolorów tęczy, gdzie $0^\circ$ i $360^\circ$ to czerwień. Zmiana kąta zmienia barwę koloru. * **Nasycenie (S - Saturation)**: Reprezentowane jest przez odległość od osi centralnej. Im dalej od osi, tym bardziej nasycony kolor. Na osi centralnej (gdzie $S = 0\%$) znajdują się odcienie szarości, od bieli po czerń, zależnie od wartości V. * **Jasność (V - Value)**: Reprezentowana jest przez wysokość wzdłuż osi centralnej. Dół stożka (gdzie $V = 0\%$) to czerń, niezależnie od H i S. Wierzchołek stożka (gdzie $V = 100\%$) to najjaśniejsze, najczystsze kolory. Did you know that the HSV model is sometimes referred to as HSB (Hue, Saturation, Brightness), but the underlying mathematical model is the same? ### Koło barw HSV Koło barw, które często widzisz w programach graficznych, jest w rzeczywistości przekrojem stożka HSV. Zazwyczaj jest to przekrój na wysokości $V = 100\%$. Na tym kole: * Zewnętrzny pierścień reprezentuje kolory o maksymalnym nasyceniu ($S = 100\%$). * Im bliżej środka, tym nasycenie jest mniejsze, aż do szarości w samym centrum ($S = 0\%$). Suwak lub inna kontrolka pozwala następnie regulować jasność (V) dla wybranego koloru z koła, co pozwala na pełną kontrolę nad barwą, nasyceniem i jasnością. ## Konwersja z modelu RGB do HSV Większość urządzeń wejściowych (skanery, aparaty cyfrowe) i wyjściowych (monitory, drukarki) operuje na modelu RGB. Aby móc edytować kolory w bardziej intuicyjny sposób, często konieczne jest przeliczanie wartości RGB na HSV. Poniżej przedstawiono algorytm konwersji dla wartości RGB w zakresie $[0, 255]$ na HSV (H w $[0, 360)$, S i V w $[0, 1]$). 1. **Normalizacja składowych RGB**: Najpierw należy przekształcić wartości R, G, B z zakresu $[0, 255]$ na zakres $[0, 1]$, dzieląc każdą składową przez $255$. * $R' = R / 255$ * $G' = G / 255$ * $B' = B / 255$ 2. **Znalezienie wartości maksymalnej i minimalnej**: Określamy największą ($C_{max}$) i najmniejszą ($C_{min}$) wartość spośród $R'$, $G'$, $B'$. * $C_{max} = \max(R', G', B')$ * $C_{min} = \min(R', G', B')$ 3. **Obliczenie delty**: Obliczamy różnicę między wartością maksymalną a minimalną. * $\Delta = C_{max} - C_{min}$ 4. **Obliczenie Jasności (V)**: * $V = C_{max}$ 5. **Obliczenie Nasycenia (S)**: * Jeśli $C_{max} = 0$, to $S = 0$ (kolor jest czarny, nie ma nasycenia ani odcienia). * W przeciwnym razie $S = \Delta / C_{max}$ 6. **Obliczenie Odcienia (H)**: * Jeśli $\Delta = 0$, to $H = 0$ (kolor jest odcieniem szarości, nie ma dominującego odcienia). * Jeśli $C_{max} = R'$, to $H = 60^\circ \cdot \left(\left(\frac{G' - B'}{\Delta}\right) \bmod 6\right)$ * Jeśli $C_{max} = G'$, to $H = 60^\circ \cdot \left(\left(\frac{B' - R'}{\Delta}\right) + 2\right)$ * Jeśli $C_{max} = B'$, to $H = 60^\circ \cdot \left(\left(\frac{R' - G'}{\Delta}\right) + 4\right)$ * Jeśli wynik $H$ jest ujemny, należy dodać $360^\circ$, aby był w zakresie $[0, 360)$. ### Przykład konwersji RGB do HSV Przel