Skip to content

Піпетка кольоріві конвертер

Виберіть будь-який колір або знайдіть код кольору на зображенні. Отримайте значення HEX, RGB, HSL і HSB, перевірте контраст і підберіть гармонійні кольори.

#6366F1

Вибрати колір із зображення

Перетягніть, вставте або виберіть зображення

Зображення залишається у вашому браузері й нікуди не завантажується.

Формати кольору

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

HSB

hsb(239, 59%, 95%)

Доступність і контраст

На білому фоні

Aa

4.47:1

На чорному фоні

Aa

4.70:1

WCAG AA (Normal) ✓ WCAG AA (Large) ✓ WCAG AAA ✗

Гармонія кольорів

Комплементарні
Аналогові
Тріада

Відтінки й тони

5

10

20

30

40

50

60

70

80

90

95

Як дізнатися код кольору на зображенні

  1. 1

    Додайте зображення

    Перетягніть фото, логотип чи скриншот у поле, виберіть файл або вставте його через Ctrl+V.

  2. 2

    Клацніть на колір

    Наводьте курсор на зображення, щоб бачити кольори, і клацніть, щоб вибрати. Основні кольори зображення з’являться під ним.

  3. 3

    Скопіюйте код

    Скопіюйте значення HEX, RGB, HSL або HSB і перевірте контраст на білому й чорному фоні.

Поширені запитання

Як дізнатися код кольору на зображенні?

Додайте зображення в піпетку й клацніть потрібне місце. Ви одразу отримаєте коди HEX, RGB, HSL і HSB.

Чи завантажується моє зображення кудись?

Ні. Зображення обробляється лише у вашому браузері й не залишає пристрій.

Чи можна вибрати колір будь-де на екрані?

Так, у Chrome, Edge та інших браузерах, які це підтримують. Натисніть «Вибрати з екрана» й клацніть будь-який піксель.

Чим відрізняються HEX і RGB?

Обидва описують той самий колір. HEX записує червоний, зелений і синій шестисимвольним кодом, як-от #6366F1, а RGB — числами від 0 до 255.