Палитра цветови конвертер
Выберите любой цвет или определите цвет по картинке. Получите коды HEX, RGB, HSL и HSB, проверьте контраст и подберите сочетания.
Цвет по картинке
Перетащите, вставьте или выберите картинку
Картинка остаётся в браузере и никуда не загружается.
Форматы цвета
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
Цветовая гармония
Оттенки и тона
5
10
20
30
40
50
60
70
80
90
95
Как определить цвет по картинке
- 1
Добавьте картинку
Перетащите фото, логотип или скриншот в поле, выберите файл или вставьте его через Ctrl+V.
- 2
Нажмите на цвет
Наведите курсор, чтобы увидеть цвет, и нажмите, чтобы выбрать. Основные цвета картинки появятся ниже.
- 3
Скопируйте код
Скопируйте значение HEX, RGB, HSL или HSB и проверьте контраст на белом и чёрном фоне.
Частые вопросы
Как узнать код цвета по картинке?
Добавьте картинку в пипетку и нажмите на нужное место. Коды HEX, RGB, HSL и HSB появятся сразу.
Картинка куда-то загружается?
Нет. Картинка обрабатывается только в вашем браузере и не покидает устройство.
Можно ли взять цвет с любого места экрана?
Да, в Chrome, Edge и других браузерах с поддержкой пипетки. Нажмите «Пипетка с экрана» и выберите любой пиксель.
Чем HEX отличается от RGB?
Оба описывают один и тот же цвет. HEX записывает красный, зелёный и синий шестизначным кодом вроде #6366F1, RGB — числами от 0 до 255.