Wygeneruj losowy kolor w HEX i RGB

Projektanci i twórcy prototypów generują losowy kolor, gdy szybko potrzebują zgodnych wartości HEX i RGB do projektu lub testu.

Wygeneruj losowy kolor w formatach HEX i RGB i od razu skopiuj obie wartości. Działa bezpłatnie w przeglądarce, bez zakładania konta.

Jak używać

Otwórz narzędzie losowego koloru w przeglądarce; obszar wyniku jest gotowy do wyświetlenia odcienia.
Uruchom generator, aby utworzyć jeden kolor wraz z jego wartościami HEX i RGB.
Odczytaj oba zapisy i skopiuj ten, którego oczekuje twój program do projektowania lub baza kodu.
Generuj ponownie tyle razy, ile chcesz, aby poznać inne odcienie.
Usuń wynik, gdy skończysz, aby pozostawić stronę czystą.

Przykład

Projektant potrzebuje koloru akcentu do szybkiej makiety. Generuje odcień, kopiuje wartość HEX do pliku projektu i zachowuje wartość RGB do wariantów stylu, a następnie próbuje kolejnego losowania, aż kolor będzie pasował do układu.

Ograniczenia i formaty

Narzędzie zwraca jeden kolor naraz, a nie pełną paletę, gradient ani motyw.
Nie sprawdza kontrastu względem białego lub czarnego tekstu, więc dostępność należy zweryfikować gdzie indziej.
HEX i RGB opisują ten sam kolor, ale narzędzie nie konwertuje do innych przestrzeni kolorów.
Losowy odcień może kolidować z istniejącymi wytycznymi marki, więc potwierdź go z właścicielem projektu.

Gdzie odbywa się przetwarzanie

Kolor jest generowany w twojej przeglądarce. Podczas generowania nic nie jest wysyłane na zewnątrz. Zamknięcie strony lub usunięcie wyniku wystarczy, aby zacząć od nowa.

Częste pytania

Co oznaczają wartości HEX i RGB?

Wartość HEX to zwarty zapis używany w kodzie i narzędziach projektowych. Wartość RGB opisuje te same składowe czerwieni, zieleni i błękitu jako liczby, co ułatwia ponowne użycie w różnych przepływach pracy.

Czy mogę wygenerować kilka kolorów naraz?

Nie, każde uruchomienie pokazuje jeden kolor. Jeśli potrzebujesz palety, generuj wielokrotnie, notuj wartości, które chcesz zachować, i uporządkuj je w swojej zwykłej aplikacji projektowej.

Czy kolor nadaje się do dostępności?

Nie automatycznie. Losowy odcień może być zbyt blisko twojego tekstu lub tła. Sprawdź kontrast za pomocą dedykowanego narzędzia do dostępności przed użyciem go do czytelnego tekstu lub krytycznych elementów interfejsu.