Beginner

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.
1 to 12

Hue mode

Red channel value
141

Primary color: #8D8AD4

HEX
#8D8AD4
RGB
rgb(141, 138, 212)
HSL
hsl(242, 46%, 69%)
Relative luminance
0,286
Suggested text color
Black
Colors generated
1
Red141
Green138
Blue212
Wyniki są jedynie szacunkami o charakterze ogólnoinformacyjnym i nie stanowią profesjonalnej porady — zawsze samodzielnie zweryfikuj ważne wyniki, zanim na nich polegniesz. Przeczytaj pełne zastrzeżenie.
Szybka odpowiedź

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
R,G,B = floor(random() × 256); HEX = '#' + hex(R) + hex(G) + hex(B); luminancja = 0,2126·R' + 0,7152·G' + 0,0722·B'
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

generator kolorów
losowy kolor
losowy hex
generator hex
generator rgb
losowa paleta kolorów
wybór koloru

APA

TG we-Calculate Editorial Team. (2026). Generator losowych kolorów [Online calculator]. TG we-Calculate. https://we-calculate.com/pl/calculator/random-color-generator

Chicago

TG we-Calculate Editorial Team. "Generator losowych kolorów." TG we-Calculate. 2026. https://we-calculate.com/pl/calculator/random-color-generator.

IEEE

TG we-Calculate Editorial Team, "Generator losowych kolorów," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/pl/calculator/random-color-generator

BibTeX

@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ł?