Цветовая палитра Image Color Palette

Бросьте изображение здесь или нажмите, чтобы выбрать

Извлеките доминирующие цвета HEX, RGB и HSL локально.

Извлечение цветовой палитры из изображения полезно для дизайна пользовательского интерфейса, целевых страниц, досок настроения бренда, переменных CSS, социальной графики, презентаций и страниц продукта. Палитра дает вам доминирующие цвета, которые делают визуальное ощущение последовательным.

Загрузите логотип, скриншот, фотографию, изображение продукта, иллюстрацию или дизайн ссылки и скопируйте созданные пользовательские свойства HEX, RGB, HSL и CSS. Выборка выполняется локально в браузере.

Выберите количество цветов и детали выборки

Используйте меньше цветов для компактной палитры бренда или пользовательского интерфейса и больше цветов, когда изображение содержит несколько значимых акцентов. Тонкая выборка более внимательно изучает изображение, в то время как грубая выборка быстрее для больших файлов. Прозрачные пиксели игнорируются, поэтому они не становятся ложным цветом палитры.

Как использовать результат

Извлеченные цвета являются доминирующими приближениями, а не гарантией оригинальных токенов дизайна или значений печати. Просмотрите контраст перед использованием их для текста и элементов управления. Вы можете скопировать пользовательские свойства CSS или скачать готовый .css Файл для дальнейшего редактирования.