HEX пипетка цвета
Выберите цвет визуально и скопируйте его HEX-код одним нажатием — вместе с RGB, HSL и CMYK.
Ввод hex
Результат · HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Как пользоваться: HEX пипетка
- 1
Введите цвет
Впишите код цвета или выберите его пипеткой — каждое поле принимает свой формат.
- 2
Получите результат
Значение пересчитывается мгновенно, по мере ввода, вместе с превью цвета.
- 3
Скопируйте код
Скопируйте нужное значение в один клик и вставьте в дизайн, CSS или настройки печати.
О цветовых кодах HEX
HEX-код цвета — это шестнадцатеричная запись цвета RGB: символ # и три пары цифр от 00 до FF для красного, зелёного и синего. #000000 — чёрный, #FFFFFF — белый, #FF0000 — чистый красный. Регистр букв не важен, а короткая запись #F0C раскрывается в #FF00CC. HEX — самый распространённый способ задавать цвета в CSS, HTML, Figma и других дизайн-программах.
Откройте окно выбора цвета, чтобы подобрать оттенок на глаз, или введите трёх- либо шестизначный код, чтобы посмотреть, как он выглядит. Инструмент показывает HEX заглавными буквами, готовым для вставки, и приводит тот же цвет в RGB, HSL, HSV и CMYK. Используйте его, чтобы записать фирменные цвета, проверить код из таблицы стилей или получить точное значение понравившегося оттенка.
Всё работает локально в вашем браузере — изображения никуда не загружаются.