Как да изберете цветове на изображението и да създадете палитра.

Отворете Image Color Picker и качете едно поддържано изображение или опитайте пробата. Автоматичното извличане качва източника на сървъра. Пробата в това ръководство е collage-botanical.jpg, 1200 x 900 снимка на цветя, листа и фон с цвят на праскова.

Оставете Colors to extract на 6 и изберете Dominant за примера. Dominant предпочита основните цветове на изображението, докато Vibrant дава по-голямо влияние на цветните акценти. Заявката може да използва от 3 до 12 цвята; изображение с по-малко отчетливи видими групи може да върне по-малко.

Действителният резултат Dominant съдържа #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA. Най-голямата група е #E3B49F при приблизително 28.88% от взетите видими пиксели. Извличането използва проба 512 x 384; тези проценти не са точно преброяване на изображението с пълна разделителна способност.

Кликнете или докоснете изображението, за да инспектирате пиксел с лупата. Фокусирайте изображението и използвайте клавишите със стрелки, за да преместите един пиксел, Shift плюс стрелка, за да преместите десет, след което Enter, за да изберете. Копирайте HEX, RGB или HSL с неговия индивидуален бутон за копиране или използвайте Add to palette.

Изберете мостра, за да промените нейната HEX стойност или цвят, да я преместите наляво или надясно, или да я премахнете. Добавянето на персонализиран цвят приема HEX стойност по ваш избор. „Заключване на цвят“ запазва избраната мостра, когато „Обновяване на палитрата“ или променена настройка за извличане генерира нова начална палитра.

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

Отворете „Проверка на цветовия контраст“. Задайте „Текст“ и „Фон“ с цветовите контроли, въведете HEX кодове или използвайте избрания цвят за някоя от страниците. Текстовата проба на живо ви позволява да сравните двойката, а съотношението е придружено от отделни резултати за „Нормален AA“, „Нормален AAA“, „Голям AA“ и „Голям AAA“.

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

Тази контрола проверява само тази двойка цветове за текстов контраст. Това не е пълен одит за достъпност и не определя дали типографията, взаимодействието с клавиатурата или останалата част от дизайна са използваеми.

За бързо предаване копирайте индивидуален код или използвайте „Копиране на палитра HEX цветове“. За файл изберете „Запазване като“ и изберете „Старт“. PNG създава изображение с етикетирана палитра; SVG запазва мострите и етикетите като векторен формат; CSS предоставя номерирани цветови променливи; JSON съдържа HEX, RGB и HSL стойности.

Нередактираният пример с шест цвята експортира palette.png при 600 x 500 пиксела и 9,163 байта. Редът на мострите съответства на палитрата. Вашата финална палитра може да съдържа от 1 до 12 цвята след редактиране, дори ако автоматичният начален брой е бил различен.

Изтеглете преди да излезете или да обновите страницата. Финалният експорт качва изходния файл и избраните цветове за сървърна обработка. Той създава нов файл с палитра и не преоцветява или заменя оригиналната снимка.