Szukaj…


Wprowadzenie

W tym artykule pokażemy różne formaty kolorów w przetwarzaniu i sposoby ich użycia.

Składnia

  • kolor (r, g, b);
  • kolor (r, g, b, alfa);
  • kolor (szary);
  • kolor (szary, alfa);
  • kolor (h, s, l); // Tryb musi być HSB. Możesz to zmienić za pomocą colorMode.

Parametry

Parametry Detale
r Jest czerwonym kolorem, gdy tryb to RGB .
sol Jest zielonym kolorem, gdy tryb to RGB .
b Jest niebieskim kolorem, gdy tryb to RGB .
alfa Czy krycie koloru.
h Odcień koloru, gdy trybem jest HSB .
s Nasycenie koloru w trybie HSB .
l Jasność / jasność koloru w trybie HSB .
szary Wartość między kolorem czarnym (0) i białym (255).

Uwagi

Chociaż nie zostało to wspomniane w oficjalnej dokumentacji przetwarzania, istnieje tryb CMYK , którego można użyć.

Notacja kolorów

Istnieją różne sposoby używania kolorów w przetwarzaniu, ponieważ przetwarzanie jest bardzo elastyczne w przypadku formatów kolorów.

RGB i RGBA

Jest to standardowa notacja RGB (A) i domyślny tryb kolorów. Pierwsze trzy wartości kolorów (czerwony, zielony, niebieski) wynoszą od 0 do 255 . Na przykład poniższy przykład to kolor czerwony, ponieważ czerwony jest maksymalny na 255 podczas gdy inne kolory są na 0 . Biały ma wartość (255, 255, 255) a czarny to (0, 0, 0) . Opcjonalny czwarty parametr wskazuje wartość alfa - tzn. Przezroczystość. Podobnie jak w przypadku innych składników, zakres wartości wynosi ponownie [0–255]; 0 jest całkowicie przezroczysty, a 255 jest całkowicie solidny.

color(255, 0, 0) // This is red

color(0, 255, 0, 255) // This is opaque green, and is the same as color(0, 255, 0)

color(255, 255, 0, 10) // This is almost transparent yellow

HSB

Notacja HSB jest podobna do notacji RGB, z tym wyjątkiem, że czerwony, zielony i niebieski są zastępowane odpowiednio odcieniem, nasyceniem i jasnością. Możesz przełączyć się na HSB za pomocą colorMode(HSB) .

color(0, 0, 255) //This is white

Podobnie jak w przypadku RGB, HSB ma również wartość alfa jako czwarty parametr.

Szare wartości

Jeśli jeden parametr jest określony dla funkcji koloru, zostanie zinterpretowany jako ilość między czernią a bielą. Biały jest reprezentowany jako 255, a czarny jako 0. Jest taki sam jak color(param1, param1, param1) w trybie RGB. Jeśli zostaną określone dwa parametry, pierwszy parametr zostanie zinterpretowany jak powyżej, a drugi będzie wartością alfa.



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow