Czym jest kolor RGB?

Ekrany tworzą każdy kolor przez mieszanie światła czerwonego, zielonego i niebieskiego. Kolor RGB określa intensywność każdego z tych trzech kanałów jako liczbę od 0 (wyłączony) do 255 (pełna intensywność), dlatego rgb(255, 0, 0) oznacza czystą czerwień, rgb(0, 0, 0) oznacza czerń, a rgb(255, 255, 255) oznacza biel. Ten sam kolor można zapisać jako kod szesnastkowy, na przykład #ff0000, w którym każda para cyfr szesnastkowych odpowiada jednemu kanałowi.

Opis narzędzia

To narzędzie pozwala edytować kolor kanał po kanale. Wybierz lub wklej kolor początkowy, a następnie przesuwaj suwaki czerwonego, zielonego i niebieskiego kanału albo wpisz dokładne wartości i obserwuj zmiany wyniku. Edytowany kolor jest wyświetlany w notacjach używanych przez CSS, narzędzia projektowe, silniki gier i kod shaderów — każda z nich jest gotowa do skopiowania.

Funkcje

  • Edytuj czerwony, zielony i niebieski kanał za pomocą suwaków lub dokładnych liczb od 0 do 255
  • Wybierz kolor albo wklej go w formacie HEX, RGB, HSL lub innym, aby rozpocząć pracę
  • Otrzymaj kolor w formatach HEX, rgb(), procentowych wartościach rgb(), znormalizowanych wartościach 0–1, jako liczbę całkowitą dziesiętną oraz liczbę całkowitą szesnastkową
  • Działa w przeglądarce

Jak to działa

Każdy kanał jest liczbą całkowitą od 0 do 255. Wartości spoza tego zakresu są ograniczane do jego granic, a ułamki są zaokrąglane. Wartości znormalizowane powstają przez podzielenie każdego kanału przez 255, a postacie całkowitoliczbowe łączą kanały w jedną liczbę 24-bitową w formacie 0xRRGGBB.

Wskazówki

  • Używaj znormalizowanych wartości 0–1 w GLSL, HLSL, Unity i innych API, które przyjmują kolory jako liczby zmiennoprzecinkowe.
  • Dziesiętna liczba całkowita jest formatem używanym w osadzanych elementach Discorda oraz w niektórych arkuszach kalkulacyjnych i bazach danych.