Колірна палітра з вебсайту
Введіть URL будь-якого сайту та отримайте його колірну палітру: усі кольори з таблиць стилів, упорядковані за частотою й готові до копіювання чи експорту в код.
Введіть адресу сайту, щоб отримати його колірну палітру.
Читати можна лише публічні вебсторінки, а кольори беруться з CSS, який постачає сайт: сторінка, що малює зображеннями чи canvas, може повернути менше кольорів. Безкоштовно, без реєстрації.
Про Колірна палітра з вебсайту
Інструмент «Колірна палітра з вебсайту» показує кольори, які сайт справді використовує. Введіть публічну вебадресу, і сторінка завантажується на нашому боці, браузери не можуть читати інший сайт напряму через обмеження між джерелами, а потім її вбудовані стилі, блоки стилів та підключені таблиці стилів скануються на всі колірні токени.
Значення HEX, rgb(), rgba(), hsl() та hsla() нормалізуються до єдиної форми HEX і підраховуються, тож палітра повертається впорядкованою за тим, наскільки часто кожен колір трапляється в CSS сайту. Саме це впорядкування за частотою відрізняє справжній основний колір бренду від десятків одноразових рамок і тіней нижче в списку.
Кожен зразок копіюється одним натисканням, а панель експорту перетворює результат на змінні CSS, SCSS, конфігурацію Tailwind, JSON, аркуш зразків SVG або простий список HEX. Інструмент безкоштовний, має обмеження частоти, звертається лише до публічних адрес і не зберігає нічого, крім короткочасного кешу вилучення.
Як використовувати Колірна палітра з вебсайту
- Вставте публічну адресу сайту в поле (https:// додається автоматично, якщо ви його пропустите).
- Натисніть «Отримати кольори» та зачекайте хвилинку, поки сторінка та її таблиці стилів читаються.
- Перегляньте палітру: кольори впорядковані за тим, як часто вони трапляються в CSS сайту.
- Натисніть будь-який зразок, щоб скопіювати його значення HEX, або скористайтеся «Копіювати все» для всього списку.
- Відкрийте «Експорт», щоб отримати палітру як CSS, SCSS, Tailwind, JSON, SVG чи простий HEX.