Вибір кольору на зображенні.

Лупа допомагає націлитися на дрібні деталі. Сфокусуйте зображення та використовуйте клавіші зі стрілками для переміщення на один піксель, Shift плюс стрілка — на десять, а Enter — для вибору. HEX, RGB та HSL мають окремі кнопки копіювання. Джерела, що розпізнаються браузером, вибірково перевіряються в браузері sRGB. Коли замість цього використовується нормалізований попередній перегляд, його мітка позначає кольори та координати як приблизні.

«Домінантні» надають перевагу основним кольорам зображення. «Яскраві» дають більший вплив барвистим акцентам. Вилучення вибірково перевіряє обмежене зображення, групує схожі кольори та повертає до запитаної кількості; пласке зображення може містити менше. Повністю прозорі пікселі виключаються, а часткова непрозорість зменшує вагу пікселя. Відсотки описують приблизні вибіркові групи, а не точну кількість кожного початкового пікселя. Автоматичне вилучення завантажує зображення на сервер.

Виберіть зразок, щоб відредагувати його колір, перемістити ліворуч або праворуч, або видалити. «Блокування» зберігає вибраний колір, коли ви використовуєте «Оновити палітру» або змінюєте налаштування вилучення. «Додати до палітри» використовує вибраний колір RGB; «Додати власний колір» дозволяє ввести значення HEX. Палітра може містити від 1 до 12 кольорів для експорту. Вибрані, відредаговані та заблоковані кольори не отримують вигаданих відсотків зображення.

«Колір джерела» відображає вибраний піксель та його непрозорість у скопійованому коді. «Композиція на фоні» показує вигляд після змішування з «Фоном вибірки». Кольори палітри та експорти є непрозорими значеннями RGB, тому додавання напівпрозорого кольору джерела не зберігає його альфа-канал. Режим вибірки змінює досліджений колір; він не перефарбовує вихідне зображення і не змінює автоматичне вилучення.

Виберіть «Текст» і «Фон» за допомогою елементів керування кольором, введіть значення HEX або використовуйте вибраний колір. Попередній перегляд показує коефіцієнт контрастності та окремі результати Normal AA, Normal AAA, Large AA та Large AAA для тексту. Це перевіряє лише вибрану пару кольорів. Це не перевіряє всю сторінку, не враховує кожне фонове зображення і не засвідчує, що повний дизайн є доступним.

PNG створює картку палітри з мітками. SVG зберігає зразки та мітки як векторний вміст. CSS експортує пронумеровані змінні, такі як --color-1. JSON містить значення HEX, RGB та HSL. Виберіть «Зберегти як», а потім «Почати», щоб створити один файл з назвою palette з вибраним розширенням. Копіювання кольору або всієї палітри HEX може бути швидшим, якщо вам потрібні лише значення.