Paleta kolorów ze strony internetowej
Wpisz dowolny adres URL strony i wyodrębnij jej paletę kolorów: każdy kolor użyty w arkuszach stylów, uszeregowany według częstości i gotowy do skopiowania lub eksportu jako kod.
Wpisz adres strony internetowej, aby wyodrębnić jej paletę kolorów.
Odczytać można tylko publiczne strony, a kolory pochodzą z CSS dostarczonego przez stronę: witryna rysująca obrazami lub w elemencie canvas może zwrócić mniej kolorów. Za darmo, bez rejestracji.
O Paleta kolorów ze strony internetowej
Narzędzie Paleta kolorów ze strony internetowej ujawnia kolory, których witryna faktycznie używa. Wpisz publiczny adres strony, a strona zostanie pobrana po naszej stronie, przeglądarki nie mogą odczytać innej witryny bezpośrednio z powodu ograniczeń cross-origin, a następnie jej style wbudowane, osadzone bloki stylów i połączone arkusze stylów są przeszukiwane pod kątem każdego tokenu koloru.
Wartości HEX, rgb(), rgba(), hsl() i hsla() są normalizowane do jednej postaci HEX i zliczane, więc paleta wraca uszeregowana według tego, jak często każdy kolor pojawia się w CSS witryny. To uszeregowanie według częstości odróżnia prawdziwy kolor podstawowy marki od dziesiątek jednorazowych obramowań i cieni znajdujących się niżej na liście.
Każda próbka kopiuje się jednym kliknięciem, a panel eksportu zamienia wynik w zmienne CSS, SCSS, konfigurację Tailwind, JSON, arkusz próbek SVG lub zwykłą listę HEX. Narzędzie jest darmowe i ograniczone limitem żądań, sięga tylko po adresy publiczne i nie przechowuje nic poza krótkotrwałą pamięcią podręczną ekstrakcji.
Jak korzystać z Paleta kolorów ze strony internetowej
- Wklej publiczny adres strony do pola (https:// jest dodawane automatycznie, jeśli je pominiesz).
- Kliknij „Wyodrębnij kolory” i poczekaj chwilę, aż strona i jej arkusze stylów zostaną odczytane.
- Przejrzyj paletę: kolory są uszeregowane według tego, jak często pojawiają się w CSS witryny.
- Kliknij dowolną próbkę, aby skopiować jej wartość HEX, lub użyj „Kopiuj wszystkie” dla całej listy.
- Otwórz Eksport, aby uzyskać paletę jako CSS, SCSS, Tailwind, JSON, SVG lub zwykły HEX.