Инструменти95

СЪЗДАЙТЕ НЕЩО ВЕЛИКО

Инструмент за избор на цвят от изображение.

Изберете HEX, RGB и HSL цветове от изображение. Извлечете и редактирайте палитра, проверете контраста на текста, след което копирайте цветовете или експортирайте PNG, SVG, CSS или JSON.

Реклами
Вашето работно пространство за изображения
Временна сървърна обработка
или плъзнете и пуснете тук
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Изберете вашето изображение, за да започнете.ИЗОБРАЖЕНИЕ
Реклами
Блог Как да изберете цветове на изображението и да създадете палитра Прочетете ръководството

Изберете цветове от изображение и създайте палитра, която можете да използвате

Инспектирайте пиксел, копирайте неговата HEX, RGB или HSL стойност и извлечете начална палитра от снимка. Запазете цветовете, които харесвате, редактирайте останалите, проверете двойка текст и фон и експортирайте PNG, SVG, CSS или JSON.

Изображението предоставя индивидуални цветови проби и палитра, която може да бъде прецизирана и експортирана.
КРАТЪК ВИДЕО УРОК How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Английски коментар Гледайте видеото

How to pick an image color and export a palette

Функции и контроли

Изберете пиксел с помощта на лупа

Кликнете или докоснете изображението, за да инспектирате цвят, след което копирайте неговия код.

Прецизно позициониране и ограничения на визуализацията

Лупата ви помага да се прицелите в малки детайли. Фокусирайте изображението и използвайте клавишите със стрелки, за да преместите един пиксел, Shift плюс стрелка, за да преместите десет, и Enter, за да изберете. HEX, RGB и HSL имат индивидуални бутони за копиране. Източниците, които браузърът може да декодира, се вземат като проби в браузъра sRGB. Когато вместо това се използва нормализирана визуализация, нейният етикет идентифицира цветовете и координатите като приблизителни.

Извлечете полезна начална палитра

Изберете 3 до 12 цвята за извличане и опитайте Доминиращи или Живи.

Как се оценяват цветовете и процентите

Доминиращи предпочита основните цветове на изображението. Живи дава по-голямо влияние на цветните акценти. Извличането взема проби от ограничено изображение, групира подобни цветове и връща до заявения брой; едно плоско изображение може да съдържа по-малко. Напълно прозрачните пиксели се изключват, а частичната непрозрачност намалява тежестта на пиксела. Процентите описват приблизителни групи от проби, а не точен брой на всеки оригинален пиксел. Автоматичното извличане качва изображението на сървъра.

Запазете, заменете и пренаредете вашите цветове

Заключете полезни мостри, редактирайте техните HEX стойности или добавете избран или персонализиран цвят.

Прецизиране на палитра преди експортиране

Изберете мостра, за да редактирате нейния цвят, преместете я наляво или надясно или я премахнете. Заключване запазва избран цвят, когато използвате Обновяване на палитрата или промените настройките за извличане. Добавяне към палитрата използва взетия RGB цвят; Добавяне на персонализиран цвят ви позволява да въведете HEX стойност. Палитрата може да съдържа 1 до 12 цвята за експортиране. Избраните, редактираните и запазените заключени цветове не получават изчислени проценти от изображението.

Разбиране на прозрачните пиксели

Изберете Изходен цвят или Композиция върху фон под Вземане на проби.

Изходна непрозрачност и експортирани цветове

Изходен цвят отчита избрания пиксел и неговата непрозрачност в копирания код. Композиция върху фон показва външния му вид след смесване с Избор на фон. Цветовете на палитрата и експортите са непрозрачни RGB стойности, така че добавянето на полупрозрачен изходен цвят не запазва неговия алфа канал. Режимът на вземане на проби променя инспектирания цвят; той не преоцветява изходното изображение и не променя автоматичното извличане.

Проверете двойка текст и фон

Използвайте Проверка на цветовия контраст, за да сравните два цвята.

Какво обхваща резултатът за контраста

Изберете Текст и Фон с цветовите контроли, въведете HEX стойности или използвайте избрания цвят. Визуализацията показва съотношение на контраста и отделни резултати за Нормален AA, Нормален AAA, Голям AA и Голям AAA за текст. Това проверява само избраната двойка цветове. То не одитира цяла страница, не отчита всяко фоново изображение и не удостоверява, че целият дизайн е достъпен.

Експортирайте цветове за следващата стъпка

Запазете изображение на палитра, векторни мостри, CSS променливи или структурирани цветови данни.

PNG, SVG, CSS и JSON

PNG създава етикетирана карта с палитра. SVG запазва мострите и етикетите като векторно съдържание. CSS експортира номерирани променливи като --color-1. JSON съдържа HEX, RGB и HSL стойности. Изберете Запази като и след това Старт, за да създадете един файл с име палитра с избраното разширение. Копирането на цвят или на цялата HEX палитра може да бъде по-бързо, когато имате нужда само от стойности.

Файлове и обработка

Вход
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC и HEIF
Изход
Една PNG, SVG, CSS или JSON палитра

25 MB максимално на файл. Един входен файл на изпълнение.

Едно изходно изображение до 60 мегапиксела. Извличането взема проби от най-много 512 пиксела на страна, игнорира напълно прозрачните пиксели и може да върне по-малко цветове от заявените. Експортирането поддържа от 1 до 12 непрозрачни цвята в палитрата. Анимираните или многокадровите източници използват първия си статичен кадър.

Изображението се качва автоматично за извличане на палитрата му и се качва отново за окончателното експортиране. Избирането на пиксели и ръчните редакции на палитрата се извършват в браузъра. Формат, който браузърът не може да декодира, може да изисква и сървърен преглед. Този инструмент използва конвенционална обработка на цветовете, а не изкуствен интелект.

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

За резултат с изображение използвайте „Продължи“ под резултатите от изтеглянето, за да изберете съвместима следваща стъпка. Можете да изберете кои изображения да пренесете; следващият инструмент започва със собствени настройки.

Опресняването на редактор или страница за изтегляне ви връща към страницата на инструмента. Изтеглете резултата, преди да започнете нов работен процес. Вижте нашите Политика за поверителност за обработка на файлове.

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

Добре е да знаете.

Няколко отговора, преди да започнете.

Временна сървърна обработка
Мога ли да получа HEX, RGB и HSL от изображение?

Да. Изберете пиксел и използвайте бутона за копиране до стойността, от която се нуждаете. Инструментът за избор показва непрозрачност, когато е уместно; непрозрачните експорти на палитри съдържат RGB цветове.

Каква е разликата между Доминиращи и Живи?

Доминиращи подчертава общите цветове на изображението. Живи дава по-голямо влияние на цветните акценти. И двете са взети като приблизителни проби и нито едното не обещава автоматично намиране на конкретен цвят на марка.

Защо заявка за шест цвята връща по-малко цветове?

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

Мога ли да запазя цвят, докато обновявам палитрата?

Да. Изберете неговата мостра и използвайте Заключване на цвят. Можете също да добавите персонализирана HEX стойност, да пренаредите мострите или да премахнете цветове преди експортиране.

Всичко ли остава в моя браузър?

Не. Изборът на пиксели и редакциите на палитрата се изпълняват в браузъра, но автоматичното извличане и окончателното експортиране качват източника на сървъра. Някои входни формати също се нуждаят от визуализация, генерирана от сървъра.

Реклами

Език38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Изберете вашия език. Видео уроците в момента използват английски разказ.