Wklej lub zaimportuj zestaw kolorów i eksportuj je natychmiast do zmiennych CSS, SCSS, konfiguracji Tailwind, JSON lub próbek SVG — ostatni krok dla każdej palety.

Wklej wartości HEX (jeden na wiersz lub oddzielone przecinkami/spacjami). Akceptowane są również rgb() i hsl().

Paleta

Nie znaleziono prawidłowych kolorów — sprawdź dane wejściowe.

Format eksportu
Kod eksportu

							

Wszystko działa w Twojej przeglądarce — wklej paletę i skopiuj gotowy do produkcji kod w dowolnym formacie. Bez rejestracji, całkowicie bezpłatnie.


O Eksporter palet

Eksporter palet to ostatni krok dla każdej palety kolorów: wklej zestaw kolorów i otrzymaj gotowy do produkcji kod w formacie potrzebnym Twojemu projektowi. Akceptuje wartości HEX po jednej w wierszu lub oddzielone przecinkami i spacjami, rozumie też notację rgb() i hsl().

Na bieżąco generowanych jest sześć formatów wyjściowych: niestandardowe właściwości CSS, zmienne SCSS, blok kolorów w konfiguracji Tailwind, JSON, próbki SVG i zwykła lista HEX. Konfigurowalny prefiks zmiennych zachowuje spójność wygenerowanych nazw z Twoją bazą kodu, a każdy format można skopiować do schowka lub pobrać jako plik.

Wszystko działa w Twojej przeglądarce — wklejone kolory nigdy nie są nigdzie wysyłane. Naturalnie łączy się z pozostałymi narzędziami do palet: wyodrębnij lub wygeneruj paletę gdzie indziej, wklej ją tutaj i odejdź z dokładnym fragmentem kodu, jakiego oczekuje Twój arkusz stylów, framework lub pipeline projektowy.

Jak korzystać z Eksporter palet

  1. Wklej swoje kolory do pola wejściowego — HEX, rgb() lub hsl(), po jednym w wierszu lub oddzielone przecinkami.
  2. Kliknij „Aktualizuj kolory”, aby przetworzyć je w paletę, lub wczytaj przykład, aby wypróbować narzędzie.
  3. Wybierz format eksportu: zmienne CSS, SCSS, konfigurację Tailwind, JSON, próbki SVG lub zwykły HEX.
  4. Dostosuj prefiks zmiennych, jeśli chcesz niestandardowego nazewnictwa.
  5. Skopiuj wygenerowany kod lub pobierz go jako plik.

Najczęściej zadawane pytania

Rozpoznawane są wartości HEX (z symbolem # lub bez niego) oraz notacja rgb() i hsl(). Możesz mieszać formaty i oddzielać kolory nowymi wierszami, przecinkami lub spacjami — parser wyłapuje każdy poprawny kolor i ignoruje resztę.

Tak. Przetwarzanie i generowanie kodu odbywa się w całości w Twojej przeglądarce, więc narzędzie jest darmowe, bez konta, bez kredytów i bez limitu palet czy eksportów.

Wklej swoje kolory, wybierz format „Konfiguracja Tailwind” i skopiuj wygenerowany blok do sekcji kolorów Twojej konfiguracji Tailwind. Ustawienie prefiksu zmiennych kontroluje nazwy kluczy używane dla każdego koloru.

Nie. Kolory pozostają w karcie Twojej przeglądarki — podczas przetwarzania czy eksportowania nie są wykonywane żadne zapytania do serwera, a po opuszczeniu strony nic nie jest zapisywane.

Tworzy niewielki plik SVG pokazujący każdy kolor palety jako oznaczoną etykietą próbkę. Jest przydatny do osadzania wizualnego odniesienia do palety w dokumentacji, plikach README lub stronach przekazania projektu bez robienia zrzutów ekranu.


Popularne wyszukiwania
eksport palety eksportuj kolory do css paleta do scss konfiguracja kolorów tailwind eksport palety json próbki kolorów svg
Potrzebujesz pomocy?
Masz problem z tym narzędziem? Daj nam znać.
Zgłoś problem

Dodaj to darmowe narzędzie do swojej witryny — skopiuj i wklej poniższy kod.