Generator losowych kolorów
Wygeneruj jeden lub więcej losowych kolorów i od razu odczytaj ich kody HEX, RGB i HSL oraz najlepszy kolor tekstu na tle.
Hue mode
Primary color: #8D8AD4
Jak działa ten kalkulator?
Generator losowych kolorów wybiera wartości czerwieni, zieleni i niebieskiego od 0 do 255, aby utworzyć kolor, a następnie pokazuje go jako HEX, RGB i HSL. Oblicza też względną luminancję koloru i sugeruje czarny lub biały tekst dla czytelnego kontrastu. Wybierz liczbę i tryb odcienia, aby przesunąć paletę ku ciepłym, chłodnym lub pastelowym barwom.
Wzór
How this is calculated
Pole „Ile kolorów” steruje liczbą generowanych niezależnych losowych kolorów (ograniczoną do 1-12), a lista „Tryb odcienia” kształtuje losowy rozkład. W trybie „dowolny” każdy z kanałów czerwieni, zieleni i niebieskiego to niezależna liczba całkowita od 0 do 255, co daje jednostajnie losowy kolor w całej 24-bitowej przestrzeni. Tryby „ciepły”, „chłodny” i „pastelowy” zamiast tego wybierają odcień, nasycenie i jasność w ograniczonych zakresach HSL i przeliczają je z powrotem na RGB, więc kolory pozostają w rozpoznawalnej rodzinie.
Każdy kolor podawany jest na trzy sposoby. HEX buduje się, przeliczając każdy kanał na dwucyfrowy ciąg w systemie szesnastkowym i łącząc je po „#”. HSL wyprowadza się ze znormalizowanych kanałów: odcień pochodzi z tego, który kanał jest maksymalny, jasność to średnia największego i najmniejszego kanału, a nasycenie to rozpiętość kanałów podzielona przez 1 - |2L - 1|. To równoważne reprezentacje tego samego koloru.
Sugerowany kolor tekstu używa względnej luminancji WCAG. Każdy kanał jest normalizowany do 0-1 i linearyzowany krzywą przenoszenia sRGB, a następnie łączony jako 0,2126·R + 0,7152·G + 0,0722·B. Jeśli ta luminancja przekracza około 0,179, tło jest „jasne” i zalecany jest czarny tekst, w przeciwnym razie biały tekst daje lepszy kontrast. Ponieważ kolory są losowe, wyniki zmieniają się przy każdym przeliczeniu.
Najczęściej zadawane pytania
To trzy notacje tego samego koloru. RGB podaje intensywności czerwieni, zieleni i niebieskiego (0-255), HEX to te same wartości zapisane w systemie szesnastkowym, a HSL opisuje kolor przez odcień, nasycenie i jasność.
Porównuje względną luminancję koloru z progiem (~0,179). Jaśniejsze tła dostają czarny tekst, a ciemniejsze biały, co utrzymuje czytelność zgodnie z wytycznymi kontrastu WCAG.
Ograniczają zakresy losowego odcienia, nasycenia i jasności: ciepły faworyzuje czerwienie, pomarańcze i żółcie, chłodny faworyzuje zielenie, błękity i fiolety, a pastelowy utrzymuje niskie nasycenie i wysoką jasność dla miękkich odcieni.
Znany również jako
TG we-Calculate Editorial Team. (2026). Generator losowych kolorów [Online calculator]. TG we-Calculate. https://we-calculate.com/pl/calculator/random-color-generator
TG we-Calculate Editorial Team. "Generator losowych kolorów." TG we-Calculate. 2026. https://we-calculate.com/pl/calculator/random-color-generator.
TG we-Calculate Editorial Team, "Generator losowych kolorów," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/pl/calculator/random-color-generator
@misc{wecalculate_random_color_generator, title = {Generator losowych kolorów}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/pl/calculator/random-color-generator}}, year = {2026}, note = {TG we-Calculate} }
Czy ten kalkulator Ci pomógł?
