Softonic

Generator losowych wartości

Krok 1 / 4 Random colors

Wybierz losowy kolor z pełnego przestrzeni RGB 24-bitowej i zobacz, jak jest przedstawiony jako duży ekranik, przy którym umieszczone są wszystkie typowe formy reprezentacji: heksadecymalny (#a3e1b4), RGB (rgb(163, 225, 180)), HSL oraz nazwany kolor CSS – w przypadku zgodności. Kliknij na ekranik, aby powtórzyć generowanie.

Jak wygenerować losowy kolor

  1. 1

    Kliknij, aby generować

    Trzy losowe bajty (0–255) stanowią kanale R, G i B.

  2. 2

    Czytaj wszystkie formaty

    Pokazane są wszystkie wartości: Hex, RGB, HSL i HSV – skopiuj tę wartość, którą wykorzystuje twoja tabela kolorów.

  3. 3

    Zakłucz, jeśli chcesz.

    Jeśli wynik jest bliski zamierzonemu, włącz opcję „zamknij barwę", aby zachować jej intensywność, a zmieniać jedynie jasność i nasycenie.

Przestrzeń kolorowa

Generator wykorzystuje kolorystykę RGB 24-bitową, umożliwiającą przedstawienie 16 777 216 możliwych kolorów. To identyczny zakres kolorów, jaki może pokazać monitor, choć niektóre wartości należą do ciemniejszych lub niedysatyrowanych obszarów, które trudno odróżnić.

Jak każdy format przedstawia tę samą barwę

Format Syntaksa Liczba bajtów na kanał
Hex #RRGGBB 8 bitów
RGB rgb(R, G, B) 8 bitów
HSL hsl(H, S%, L%) Wywodzony
HSV hsv(H, S%, V%) Wywodzony
OKLCH oklch(L C h) Jednolity pod względem percepcyjnym

Czemu czysta przypadkowość może wydawać się niejasna

Kolor RGB losowy zazwyczaj przyjmuje wizualnie ciemne, niedysatyrowane tonacje częściej niż jasne, wyraziste kolory. Jeśli potrzebujesz bardziej wyrazistych efektów, powtórz generowanie z użyciem parametrów HSL, utrzymując saturację powyżej 60% oraz jasność w przedziale od 45% do 65% – wtedy uzyskasz kolory typowe dla okładek czasopism, a nie matowy, niejasny kolor.

Dostępność

Porównaj każdy wygenerowany kolor z tekstem białym lub czarnym i sprawdź stosunek kontrastu określony w WCAG przed jego użyciem jako tła przycisku. Dla tekstu głównego minimalny stosunek wynosi 4,5:1; dla dużego tekstu – 3:1.

Najczęściej zadawane pytania

Ponieważ większość przestrzeni RGB znajduje się w ciemnej, niedosaturowanej części, wyraźne kolory występują tylko w cienkiej warstwie przy krawędziach. Aby uzyskać żywiste efekty, generuj dane w systemie HSL lub OKLCH z ograniczoną saturacją.

Wykorzystaj tryb z zakładowaną barwą (w przypadku ekspozycji): wybierasz barwę w stopniach, a narzędzie zmienia wyłącznie nasycenie i jasność. Jest przydatny do eksplorowania tonów koloru marki.

W tym momencie nie jest dostępny tryb bez wyboru koloru – każdy klik generuje nowy kolor na podstawie losowego generatora kryptograficznego (RNG). Kopiuj kod heksadowy, aby zachować wybrany kolor.

Mniej więcej. Kody heksadecymalne są zależne od urządzenia: kalibrowany ekran w formacie sRGB pokazuje je dokładnie, natomiast tanie laptopy przesuwają je w kierunku niebieskiego. W przypadku druku konwertuj je na CMYK, zanim zaufasz ich wyglądowi.

Powiązane narzędzia

Generator losowej palety kolorów

Utwórz paletry z pięcioma kolorami oparte na losowym podstawowym odcieniu, zawierające ich komplementarne, analogiczne oraz triadyczne warianty.

Generator palet kolorów

Stwórz harmonijczną paletę kolorów składającą się z 4–8 barw na podstawie koloru bazowego, wykorzystując schematy komplementarnych, analogicznych, triadycznych oraz rozdzielonych komplementów.

Generator losowych liter

Generuj losowe litery z alfabetu angielskiego. Wybierz wielkość liter, dopuść powtórzenia lub losowania bez zwracania i ustaw ich liczbę.

Próbnik kolorów HEX

Wybierz dowolny kolor wizualnie i uzyskaj jego wartości HEX, RGB, HSL, HSV oraz CMYK, a także kontrast dostępności względem bieli i czerni.

Rozwiązanie JSON

Wymyśl format i estetyczny wygląd pliku JSON z regulowalnym wyciągnięciem, uporządkowanymi kluczami oraz wewnętrzną walidacją, która podkreśla błędy dokładnie w odpowiedniej pozycji.

Generator losowych nazw

Wygeneruj prawdopodobne nazwy w języku angielskim na podstawie popularnych list nazw pierwszych i rodzinnych. Wybierz płeć, liczbę oraz format.