Въведете URL адрес на произволен уебсайт и извлечете цветовата му палитра: всеки цвят, използван в стиловете му, подреден по честота и готов за копиране или експортиране като код.

Въведете публична уеб страница. Четем стиловете и вградените стилове на страницата и подреждаме използваните цветове.

Въведете адрес на уебсайт, за да извлечете цветовата му палитра.

Могат да се четат само публични уеб страници, а цветовете идват от CSS-а на страницата: сайт, който рисува с изображения или canvas, може да върне по-малко цветове. Безплатно, без регистрация.


За Цветова палитра от уебсайт

Инструментът за цветова палитра от уебсайт разкрива цветовете, които даден сайт всъщност използва. Въведете публичен уеб адрес и страницата се извлича от наша страна (браузърите не могат да четат друг сайт директно заради ограниченията за различен произход), след което вградените ѝ стилове, блоковете за стил и свързаните стилови листа се сканират за всеки цветови токен.

Стойностите HEX, rgb(), rgba(), hsl() и hsla() се нормализират до единна HEX форма и се преброяват, така че палитрата се връща подредена по това колко често се появява всеки цвят в CSS-а на сайта. Тази подредба по честота е това, което отделя истинския основен цвят на марка от десетките еднократни рамки и сенки по-надолу в списъка.

Всяка проба се копира с едно кликване, а панелът за експортиране превръща резултата в CSS променливи, SCSS, конфигурация за Tailwind, JSON, лист с SVG проби или обикновен списък с HEX. Инструментът е безплатен и с ограничение на честотата на заявките, достига само публични адреси и не съхранява нищо освен краткотраен кеш на извличането.

Как да използвате Цветова палитра от уебсайт

  1. Поставете публичен адрес на уебсайт в полето (https:// се добавя автоматично, ако го пропуснете).
  2. Кликнете "Извличане на цветове" и изчакайте малко, докато страницата и стиловите ѝ листа бъдат прочетени.
  3. Прегледайте палитрата: цветовете са подредени по това колко често се появяват в CSS-а на сайта.
  4. Кликнете произволна проба, за да копирате HEX стойността ѝ, или използвайте "Копиране на всички" за целия списък.
  5. Отворете "Експортиране", за да получите палитрата като CSS, SCSS, Tailwind, JSON, SVG или обикновен HEX.

Често задавани въпроси

Поставете адреса в този инструмент и кликнете "Извличане на цветове". Той чете стиловите листа и вградените стилове на страницата, след което изброява всеки намерен цвят, подреден по честота, така че най-използваните цветове на марката се появяват първи.

Стилово листо обикновено съдържа много повече случайни цветове (рамки, сенки, състояния при посочване) отколкото цветове на марката. Броенето колко често се появява всяка стойност изкачва цветовете, които определят сайта, до върха на списъка.

Инструментът чете CSS-а, който доставя страницата. Сайтове, които изграждат дизайна си с изображения, canvas или WebGL, или строят стиловете си изцяло чрез JavaScript след зареждане, разкриват малко цветови стойности в стиловите си листа. Страници зад вход или защита срещу ботове също не могат да бъдат прочетени.

Не. Приемат се само публични уеб адреси: заявките към частни, локални или запазени мрежови адреси се блокират като мярка за сигурност, и се позволяват само стандартните HTTP и HTTPS портове.

Да, до определен лимит. Стиловите листа, свързани от страницата, включително тези от CDN, се извличат чрез същите проверки за сигурност, така че цветовете, дефинирани във външен CSS файл, се броят заедно със собствените стилове на страницата.

Да, напълно безплатен, без нужда от акаунт. Заявките имат ограничение на честотата, за да остане услугата достъпна за всички, а резултатите се кешират за кратко, така че повторение на същия URL връща резултат моментално.

Сподели

Популярни търсения
цветова палитра от уебсайт избор на цвят от уебсайт намери цветовете, използвани на уебсайт извличане на цветове от url какви цветове използва този уебсайт откриване на цветова схема на сайт
Нуждаете се от помощ?
Открихте проблем с този инструмент? Кажете ни.
Докладване на проблем

Добавете този безплатен инструмент към собствения си уебсайт: копирайте и поставете кода по-долу.