paletteВыбор цвета
HEX#00FFFF
RGBrgb(0, 255, 255)
HSLhsl(180, 100%, 50%)
ℹ️ Справка

Выбор цвета — это бесплатный онлайн-инструмент, который легко генерирует цветовые коды, необходимые для веб-дизайна и графических работ. Вы можете копировать коды цветов в форматах HEX, RGB и HSL, а также напрямую извлекать цвета из любой точки экрана с помощью функции «Пипетка».

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

Инструкция

Выбор цвета и конвертер

Инструмент выбора цвета — это утилита профессионального уровня для дизайнеров и разработчиков, позволяющая захватывать, настраивать и преобразовывать цвета в различных цифровых форматах (HEX, RGB, HSL).

Понимание цветовых пространств

  • HEX (Шестнадцатеричный): Стандарт для Интернета. Это 6-значный код (например, `#FF5733`), который представляет Красный, Зеленый и Синий компоненты. Повсеместно используется в CSS.
  • RGB (Красный, Зеленый, Синий): Аддитивная цветовая модель, используемая экранами цифровых дисплеев. Каждое значение варьируется от 0 до 255. Смешивание всех трех на максимуме (255, 255, 255) дает белый цвет.
  • HSL (Оттенок, Насыщенность, Светлота): Более удобный для человека формат. Оттенок (0-360°) представляет собой сам цвет, Насыщенность (0-100%) представляет его интенсивность, а Светлота (0-100%) — насколько он светлый или темный. HSL идеально подходит для программной настройки цветовых тем (например, "сделать этот цвет на 10% темнее при наведении").

Дополнительные функции

  • Визуальный выбор: Используйте градиентный квадрат насыщения/светлоты и ползунок оттенка, чтобы найти идеальный цвет визуально.
  • Пипетка: (Только в поддерживаемых браузерах) Пример цвета прямо с экрана, из любого окна или приложения.
  • История цветов: Автоматически отслеживает последние выбранные цвета, чтобы вы могли легко сравнить или переключиться обратно на предыдущие оттенки.
grid_view
13:46
2025-12-28