Заглавие

Избор на цвят

Пуснете, поставете (Ctrl+V) или кликнете, за да качите

Шестнадесетичен
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
Хепарин симплекс (HSV)
hsv(0, 0%, 53%)

Качете снимка, за да изберете цветове

Или опитайте пример:

Пример 1
Пример 2
Пример 3
— Кликнете върху изображението, за да изберете цвят

Цветова палитра

Цветове: 3

Инструмент за избор и извличане на цветове – безплатен онлайн инструмент

Нашият безплатен онлайн инструмент за извличане на цветове ви позволява да изберете всеки цвят от снимка с едно щракване - без инсталиране на софтуер и без нужда от акаунт. Качете изображението си, задръжте курсора на мишката, за да го увеличите, щракнете върху който и да е пиксел, за да видите незабавно неговите HEX, RGB, HSL и HSV стойности, след което генерирайте пълна цветова палитра от избрания от вас цвят. Изтегляйте резултатите по всяко време.

Как да изберете цветове от снимка

1
Качете изображението си

Пуснете снимка върху панела, щракнете Качване на снимка, или поставете с Ctrl+V. Поддържа JPEG, PNG, WebP, HEIC и GIF.

2
Кликнете, за да изберете цвят

Задръжте курсора на мишката върху изображението, за да го увеличите с лупата, след което щракнете някъде, за да уловите цвета на съответния пиксел. HEX, RGB, HSL и HSV стойностите се показват мигновено.

3
Копиране или генериране на палитра

Щракнете върху произволно поле за стойност, за да го копирате в клипборда, да запазите цветовете за по-късно или да генерирате пълна цветова палитра и да я експортирате като CSS променливи или PNG лента с мостри.

Основни характеристики

  • Четири цветни формата – преглед и копиране на избрания цвят в HEX, RGB, HSL и HSV с едно щракване върху произволно поле за стойност.
  • Лупа с точност до пиксела – кръгъл обектив с вариометър следва курсора ви, за да можете да определите точно пиксела, който искате.
  • 8 вида палитри – генериране на аналогови, допълващи се, триадични, тетрадични, разделено-допълващи се, монохроматични, нюансови или нюансови палитри с 3–10 мостри.
  • Опции за експортиране – копирайте всички HEX кодове на палитрата наведнъж, изтеглете PNG лента с мостри или експортирайте палитрата като персонализирани CSS свойства (:root променливи).
  • Запазени цветове – добавете към отметките си всеки цвят в личен панел със запазени цветове, съхраняван във вашия браузър; изчиствайте ги, когато пожелаете.
  • Поддръжка на HEIC – Снимките на iPhone във формат HEIC/HEIF се конвертират автоматично преди избора на цвят.
  • Работи изцяло във вашия браузър – вашите снимки никога не се качват на никой сървър.
  • Безплатно и неограничено – без регистрация, без водни знаци, без ограничения.

Какво е екстрактор на цветове?

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

Генераторът на цветови палитри отива още една стъпка: след като сте избрали основен цвят, той прилага теорията на цветовете, за да създаде хармонични цветови схеми, готови за директно използване в CSS, Figma или друг инструмент за дизайн.

Често срещани употреби

  • Извличане на цвят на марката – извличайте точни HEX кодове от лого или снимка на марката, за да ги използвате последователно в уебсайт или дизайнерска система.
  • Уеб и потребителски дизайн – съчетайте цветовете с изображение на продукт или снимка на герой, така че оформлението ви да изглежда цялостно.
  • Генериране на палитри – започнете от един ключов цвят и създайте пълна допълваща или аналогична схема за даден проект.
  • Печат и илюстрация – примерни референтни снимки, за да намерите точни RGB стойности, преди да смесите боя или да конфигурирате профил за печат.
  • CSS темиране – експортиране на променливи от палитра директно в :root блок, който да се постави директно в стилов лист.

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

Да, инструментът е 100% безплатен, без ограничения за употреба. Не е необходимо да създавате акаунт или да предоставяте каквато и да е платежна информация.
Не. Цялата обработка се извършва изцяло във вашия браузър, използвайки HTML5 Canvas API. Вашето изображение никога не се изпраща към сървър, така че вашата поверителност е напълно защитена.
Инструментът показва избрания цвят едновременно в четири формата: HEX (напр. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)) и HSV (hsv(216, 73%, 84%)). Кликнете върху което и да е поле, за да го копирате незабавно.
Докато премествате курсора си върху изображението, близо до него се появява кръгла лупа, показваща увеличен изглед на околните пиксели. Това улеснява идентифицирането и щракването върху точния пиксел, който искате, особено при снимки с фини детайли или фини цветови преходи.
Щракнете върху произволен пиксел на изображението, за да зададете основен цвят, след което превъртете надолу до Цветова палитра раздел. Изберете тип палитра (аналогова, допълваща, триадична и др.) и плъзнете плъзгача за брой, за да изберете 3–10 мостри. Палитрата се актуализира мигновено. Използвайте Копиране на цветове, Изтегляне на PNG, или Експортиране на CSS да използвам резултата.
Експортиране на CSS копия :root { } блок, съдържащ всеки цвят от палитрата като персонализирано CSS свойство (напр. --color-1: #3a7bd5;). Можете да поставите това директно в стиловия си лист и да препращате променливите в целия си проект.
Да. HEIC и HEIF файловете се конвертират автоматично в JPEG във вашия браузър, преди изображението да се покаже. По време на конвертирането се появява индикатор за зареждане и към нашите сървъри не се изпращат файлове.