Бесплатная онлайн-палитра цветов

Перетащите файл сюда
или нажмите Ctrl+V/Cmd+V, чтобы вставить изображение или файл

Информация о цвете
Hex
RGB
HSL
HSV

Попробуйте с примером фото:

Пример 1
Пример 2
Пример 3
Загрузите или перетащите изображение, чтобы начать выбирать цвета
Цветовая палитра
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff

Профессиональная палитра цветов

Выбирайте, определяйте и извлекайте точные коды цвета с помощью нашей продвинутой палитры. Подходит дизайнерам, разработчикам и художникам, которым нужны точные значения HEX, RGB, HSL, HSV и CMYK.

Пример выбора цвета
Создание цветовой палитры

Почему стоит выбрать нашу палитру цветов?

Наша профессиональная палитра цветов обеспечивает точное определение цвета до пикселя и выводит его сразу в нескольких форматах — незаменимый инструмент для веб-дизайна, графического дизайна и цифрового искусства.

  • Multiple color formats
  • Precise pixel selection
  • Color palette creation
  • Real-time preview
  • Copy to clipboard
  • Color history

Продвинутый выбор цвета

Выбирайте цвет из изображений, градиентов или с помощью цветового круга — точно, с предпросмотром в реальном времени.

Несколько форматов

Получайте код цвета в форматах HEX, RGB, HSL, HSV и CMYK — для любых задач дизайна.

Конструктор палитр

Создавайте и сохраняйте собственные палитры для единого стиля бренда и дизайн-проектов.

Идеально подходит для:

  • Web design projects
  • Graphic design work
  • Brand color matching
  • UI/UX design
  • Digital art creation
  • CSS development

Как это работает:

1
Выберите способ выбора цвета

Выберите цветовой круг, выбор из изображения или ручной ввод.

2
Выберите цвет

Щёлкайте по цветам или двигайте ползунки, чтобы найти нужный оттенок.

3
Копируйте коды цвета

Получайте точные значения цвета в удобном формате и копируйте их в буфер обмена.


Часто задаваемые вопросы

Наша палитра поддерживает все основные форматы: HEX (#RRGGBB), RGB (красный, зелёный, синий), HSL (тон, насыщенность, светлота), HSV (тон, насыщенность, яркость) и CMYK (голубой, пурпурный, жёлтый, чёрный) для полиграфии. Все значения пересчитываются в реальном времени по мере выбора цвета.

Да! Загрузите любое изображение и щёлкните в любом месте, чтобы получить точный цвет этого пикселя. Это отлично подходит для подбора фирменных цветов, работы с цветом на фото или создания палитр по готовым макетам. Инструмент выдаёт точное значение цвета в любой выбранной точке.

Выбирайте цвета и добавляйте их в палитру кнопкой «Добавить в палитру». Собирайте коллекции гармоничных цветов, фирменные наборы или палитры под конкретный проект. Экспортируйте палитры в разных форматах или копируйте отдельные коды цветов для работы в графических редакторах.

RGB использует десятичные значения (0-255) для красного, зелёного и синего каналов — например, rgb(255, 0, 0) для красного. HEX записывает тот же цвет в шестнадцатеричном виде: символ # и шесть знаков, например #FF0000. Оба формата описывают одинаковые цвета: HEX чаще применяют в веб-дизайне, а RGB нагляднее объясняет смешение цветов.

Наша пипетка определяет цвет с точностью до пикселя и выполняет строгие математические преобразования между форматами. Значения совпадают с теми, что выдают профессиональные редакторы вроде Photoshop и Illustrator, а также браузеры, поэтому цвет будет одинаковым на любых платформах и в любых программах.

Да. Инструмент выдаёт значения CMYK специально для печати. Но помните: на бумаге цвет может выглядеть иначе, потому что цветовой охват экрана и печати различается. Используйте значения CMYK как отправную точку и всегда заказывайте цветопробу, когда точность цвета критична.