AI-Powered

Пипетка

Выбирайте цвета с экрана или любого изображения - HEX, RGB, HSL, CMYK, названия, Pantone.

Your files stay on your device - processed locally via WebAssembly, never uploaded

Upload image to pick

JPEG, PNG, WebP

Your browser doesn't support the EyeDropper API. Upload an image to pick colors from instead.
52
152
219
204.07185628742513°
0.6987447698744769%
0.5313725490196078%

All Formats

Palette (0/8)

Click Add to add the current color to your palette.

Contrast Check

#3498DB
vs
#FFFFFF

Sample text

The quick brown fox jumps over the lazy dog

3.15:1
AA AAA
Share this tool with othersHelp others discover free tools
Embed this tool on your website

Copy this code to add the Пипетка to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.

<iframe src="https://optipix.art/embed/color-picker" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="Пипетка by OptiPix" loading="lazy"></iframe>
<p style="font-size:12px">Free tool by <a href="https://optipix.art/color-picker">OptiPix Пипетка</a></p>

❤️ Love this tool? Support our team.

No ads, no tracking, no limits. Tips keep 104 tools free for everyone.

$

Secure payment via Stripe · No account needed

About Пипетка

Last updated: May 2026

OptiPix Color Picker позволяет захватывать любой цвет с вашего экрана с помощью встроенного API EyeDropper в браузерах на базе Chromium или выбирать цвета из любого загруженного изображения с точностью до пикселя. Каждый выбранный цвет отображается в форматах HEX, RGB, HSL, HSV, CMYK, ближайшего именованного цвета CSS и ближайшего образца Pantone Solid Coated. Каждый формат имеет свою кнопку копирования в один клик. Точно настраивайте любой цвет с помощью встроенных ползунков HSL и RGB. Полоса истории запоминает ваши последние 30 выборов между сеансами браузера. Создайте палитру до 8 цветов и экспортируйте ее как пользовательские свойства CSS, JSON или загружаемую полосу PNG. Интегрированный проверщик контрастности WCAG показывает значки прохождения/непрохождения AA/AAA для любой пары цветов. Все работает локально - пиксели вашего экрана и загруженные изображения никогда не покидают ваше устройство. Идеально подходит для дизайнеров, выбирающих фирменные цвета, разработчиков, захватывающих образцы из скриншотов, аудиторов доступности, проверяющих контрастность, и всех, кто устал переключаться между встроенными пипетками и конвертерами цветов.

How It Works

Пипетка для экрана вызывает встроенный API EyeDropper браузера для выборки одного пикселя. Выборка из изображения использует getImageData для выборки одного пикселя из 2D-холста. Преобразования форматов - это чистая математика - RGB↔HSL↔HSV↔CMYK - а сопоставители именованных цветов/Pantone вычисляют квадрат евклидова расстояния относительно эталонного списка.

Use Cases

  • Захватить цвет из скриншота для вашей дизайн-системы
  • Преобразовать любой HEX, найденный онлайн, в RGB, HSL или Pantone
  • Создать фирменную палитру из изображения-мудборда
  • Проверить контрастность WCAG двух цветов перед выпуском
  • Определить именованный цвет CSS по HEX-коду

You Might Also Like

If you find Пипетка useful, check out these related tools: Color Palette Extractor, Color Changer, and Photo Filters. All tools run entirely in your browser with no uploads or signups required.

Frequently Asked Questions

Работает ли пипетка для экрана во всех браузерах?
API EyeDropper работает в браузерах на базе Chromium (Chrome, Edge, Brave, Opera) версии 95+. Firefox и Safari пока не поддерживают его - но вы все равно можете загрузить изображение и выбирать цвета из него в любом браузере.
Точны ли цвета Pantone?
Цвета Pantone сопоставляются с ближайшим образцом в нашем компактном справочнике PMS Solid Coated. Pantone использует специальные краски, которые невозможно точно воспроизвести на экране, поэтому это приближение, подходящее для вдохновения и поиска, а не для точного подбора цветов перед печатью.
Отправляются ли данные пикселей моего экрана куда-либо?
Нет. API EyeDropper работает полностью в вашем браузере, и выбранный цвет остается на вашем устройстве. Загруженные изображения декодируются в локальный холст и никогда не загружаются.
Могу ли я экспортировать палитру?
Да - нажмите «Добавить», чтобы добавить цвета, затем экспортируйте как переменные CSS, JSON или загрузите полосу палитры PNG.
Как проверить контрастность WCAG?
Используйте встроенный раздел «Проверка контрастности». Текущий цвет сопоставляется со вторым выбранным вами цветом, и вы увидите коэффициент контрастности плюс значки прохождения/непрохождения AA / AAA.

Related Tools

More AI Analysis Tools

All 102 Tools

Image CompressorBackground RemoverVideo CompressorImage UpscalerOCR Text ExtractorFormat ConverterImage ResizerEXIF RemoverFace BlurDepth EstimationQR Code GeneratorWatermark MakerColor Palette ExtractorPhoto FiltersImage to PDFObject DetectionImage ClassifierImage CaptionerAI Image GeneratorMeme GeneratorGIF MakerPhoto Collage MakerImage CropPhoto EffectsImage to SVGColor ChangerNoise RemoverPhoto RestorationColor PickerFavicon GeneratorImage to Base64Image Metadata ViewerImage AnnotatorPassport Photo MakerDocument ScannerASCII Art GeneratorImage ComparisonSprite Sheet GeneratorObject RemoverPanorama MakerWord CounterCase ConverterLorem Ipsum GeneratorUUID GeneratorUnix Timestamp ConverterText DiffURL Encoder / DecoderHTML Entity Encoder / DecoderBase64 Text Encoder / DecoderText to Binary / Hex / OctalHash GeneratorJSON Formatter / ValidatorRandom String GeneratorCSV ↔ JSON ConverterMarkdown EditorUnit ConverterPercentage CalculatorBMI CalculatorAge CalculatorTip CalculatorCSS Gradient GeneratorCSS Box Shadow GeneratorCSS Border Radius GeneratorGlassmorphism GeneratorNeumorphism GeneratorCSS Text Shadow GeneratorFlexbox PlaygroundCSS Grid GeneratorAudio TrimmerAudio ConverterAudio MergerAudio RecorderVideo to Audio ExtractorAudio Speed ChangerAudio Volume BoosterRingtone MakerVocal RemoverText to SpeechSpeech to TextAudio Noise RemoverAudio EqualizerAudio EffectsVideo TrimmerVideo MergerVideo ResizerVideo Speed ChangerVideo RotatorVideo to MP4 ConverterAdd Music to VideoMute VideoVideo LooperReverse VideoVideo ScreenshotAdd Subtitles to VideoVideo WatermarkScreen RecorderWebcam RecorderSlideshow MakerVideo FiltersCron Expression BuilderRegex TesterUnix Timestamp Converter